как использовать цикл с использованием JQuery

Question

<div class="elem"> 
    <div data="1"> 
    <div data="11">test1</div> 
     <div data="12">test2</div> 
    </div> 
    <div data="2"> 
     <div data="21">test3</div> 
     <div data="22">test4</div> 
    </div> 
</div> 

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

Answer 1

Попробуйте это: Вы можете найти все div там внутри DIV с class="elem", затем перебирать все дивы для чтения данных атрибутов с использованием .each()

$(function(){ 
 
    $('div.elem div').each(function(){ 
 
    alert($(this).attr('data')); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="elem"> 
 
    <div data="1"> 
 
    <div data="11">test1</div> 
 
     <div data="12">test2</div> 
 
    </div> 
 
    <div data="2"> 
 
     <div data="21">test3</div> 
 
     <div data="22">test4</div> 
 
    </div> 
 
</div>

Answer 2

data используется как суффикс для задания свойства данных для элемента. Вы должны использовать его в качестве data-propname

, а затем использовать .data(), чтобы получить их:

$('.elem div').each(function(){ 
    console.log($(this).data('propname')) 
});