Не понимаю как работает этот метод, он оборачивает элементы на которых вызван или которые передавать в метод? Буду благодарен детальному примеру с разбором нюансов данного метода!)
Тут всё не так сложно как кажется, этот метод оборачивает внутреннее содержание выбранных элементов, есть два варианта его работы, первый это когда мы вызываем данный метод и сразу передаем элемент который следует обернуть, или же можно передать функцию результат работы которой будет обернут, вот пример работы этого метода:
js код где первая функция оборачивает все параграфы в блок div с классом wrap-me, во второй функции мы говорим что бы элементы содержащиеся в классе wrap-me были обернуты в тег strong, то есть в первых скобках указываем в каком блоке элементы которые нужно обернуть, а во вторых во что нужно обернуть:
$(function (){
$('p').wrapInner('');
});
$(function (){
$('.wrap-me').wrapInner('');
});html – обычный код для примера который меняется благодаря js и css:
Строка 1
Параграф 2
Lorem ipsum dolor sit amet.css – задаем визуальное оформление:
div {
border: solid 1px black;
padding: 10px;
}
p {
color: #4CAF50;
background-color: #3d385a;
}Вот пример работы второго случая когда передаем функцию:
$(function (){
$('p').wrapInner(function(index){
if(index == 1) return '';
});
});Второй элемент будет обернут в тег strong так как тут задано условие по индексу, второй параграф (так как индексация начинается с 0 вторым элементом будет 1) будет обернут. Не забудьте убрать предыдущие js функции.