Почему childElementCount не работает с jQuery?

0

Я хочу использовать childElementCount с jQuery, так есть ли способ проверить это?

Вот код работы javascript:

var box = document.getElementById('list_items').childElementCount;

alert(box);

Но почему это не работает с jQuery.

var box = $('list_items').childElementCount;

Я нашел сообщение stackoverflow здесь:

Посетить: JQuery ChildElementCount

Но это показывает:

var count = $(result).find('RESULTS').first().children().length;

И, может быть, вместо того, чтобы использовать этот код javascript, это хороший способ, но есть и другие свойства DOM, которые я хочу использовать с jQuery.

  • 0
    Коллекции jQuery не имеют свойств узлов DOM, которые они содержат.
Теги:

3 ответа

3
Лучший ответ

Вы вызываете свойство DOM объекта jQuery. Вы должны получить элемент DOM, который встроен в объект jQuery:

var box = $('#list_items').get(0).childElementCount;
  • 0
    ВАУ! Так быстро ... можно с помощью .get (0) я могу получить доступ к другим свойствам?
  • 1
    .get (0) дает вам элемент DOM. Вы можете использовать все свойства элементов DOM, которые обычно имеют
2

это свойство элемента dom, также вам нужно использовать селектор id для элемента list_items

var box = $('#list_items').prop('childElementCount');

$('#list_items') возвращает объект jQuery, который не имеет свойства childElementCount, он принадлежит элементу dom, поэтому вам нужно получить значение свойства базового элемента dom, вы можете использовать .prop(), чтобы сделать это

  • 0
    Спасибо, ты сделал мой день :)
1

Вам нужно поставить # перед селектором id. Тогда childElementCount является свойством элемента dom, поэтому конвертируйте объект jQuery в объект dom

var box = $('#list_items')[0].childElementCount;

$('#list_items') возвращает объект jQuery, $('#list_items')[0] возвращает объект dom

Ещё вопросы

Сообщество Overcoder
Наверх
Меню