Вывести в консоль список всех li в div

javascript jquery html

1290 просмотра

3 ответа

У меня есть задача создать код для списка дочерних элементов div, перечислить все теги li в div с классом "sample_class_2", а также вывести на консольный текст из тегов li. Мой код в текущем состоянии выглядит так:

var divListChildren = $('div.sample_clas_2').find('li').text();
console.log(divListChildren);

Но в нем перечислены только первый элемент, а не все. Что я тут не так сделал? Я должен сделать это с JQuery или JS или оба.

Автор: spectatorx Источник Размещён: 08.11.2019 11:09

Ответы (3)


0 плюса

Решение

Используйте как это:

$(document).ready(function(){

    var divListChildren = "";

    $("div.sample_clas_2").find("li").each(function(index,ele){
        divListChildren += ele.innerHTML + " ";
    })

    console.log(divListChildren);
})

Финальный код:

<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <div class="sample_clas_2">
            <li>Ehsan</li>
            <li>taghdisi</li>
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script>
           $(document).ready(function(){
               var divListChildren = "";
                $("div.sample_clas_2").find("li").each(function(index,ele){
                  divListChildren += ele.innerHTML + " ";
               })
                console.log(divListChildren);
           })
        </script>
    </body>
</html>

Автор: Ehsan Размещён: 20.08.2016 10:44

1 плюс

Используйте этот код:

var childrenList = [];
var sampleClass = $('.sample_clas_2');
sampleClass.find('li').each(function(i, v){
  childrenList.push($(v).text());
});
console.log(childrenList);

HTML:

<div class="sample_clas_2">
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
</div>

https://jsfiddle.net/y2pa13tc/

Автор: Mohammad Reza Размещён: 20.08.2016 12:14

0 плюса

Попробуй это:

$('div.sample_clas_2').find('li').each(function() {
    console.log( $(this).text() );
});
Автор: meshkati Размещён: 20.08.2016 10:15
Вопросы из категории :
32x32