Question

我的代码如下，

   $(document).ready(function(){

            $.each($(".mainloop"), function (e, index) {
                alert($(this.durum).text());
                alert($(this>a).text());
                alert($(this>img).text());

       }); });

和html就是这样。

 <ul data-role="listview" data-filter="true"  data-filter-placeholder="M" data-inset="true">



     <li data-icon="arrow-r" class="mainloop">
     <a class="btnLW" href="wtf.html">
    <img class="myimg" src="pic1.png" />
    <h2 class="durum">durum1  </h2>
   </a>

     </li>

     <li data-icon="arrow-r" class="mainloop">
         <a class="btnLW" href="wtf2.html">
   <img class="myimg" src="pic1.png" />
    <h2 class="durum">durum 2 </h2>

   </a></li>

</ul>

我需要达到a＆gt; href，img＆gt; src和.durum值。

Answer 1

您需要在此处使用.find()：

alert($(this).find('.durum').text());
alert($(this).find('a').text());

同样img没有.text()方法，我相信您希望获得src，如果是这样，您可以使用.attr()：

alert($(this).find('img').attr('src'));

最好使用console.log()代替alert()进行调试。

<强> Fiddle Demo

Answer 2

alert($(this).find('a img').next().text());

通过html循环使用每个函数

2 个答案: