Не доступны элементы, в которые оборачиваю элемент

#javascript #jquery

                    
Появился вопрос, почему я не вижу span'ы в которые обернул текст? Если добавлять
через append, к примеру, то все гут, а тут нет.



$("li").wrapInner("span");
$("span").on("click", function() {
  alert($(this).html());
})


  
1
  
2
  
3




    

Ответы

Ответ 1

Вы немного неправильно используете метод wrapInner.
В документации написано - Тип: htmlString or Selector or jQuery or Element.
А вы отправляете строку 'span', которая является селектором, но элементов с таким
селектором у вас нет.

htmlString


$("li").wrapInner("");
$("span").on("click", function() {
  alert($(this).html());
})


  
1
  
2
  
3





Element


$("li").wrapInner(document.createElement('span'));
$("span").on("click", function() {
  alert($(this).html());
})


  
1
  
2
  
3





Selector


$("li").wrapInner('span');
$("span").on("click", function() {
  alert($(this).html());
})



  
1
  
2
  
3





jQuery то же самое, что Element, но обернутое в jQuery