Question

我有以下HTML：

<div id="restautantsdiv">
   <ul id="restListings">

      <li>
         <div class="leftlable">
            <h4>Imax Vendor 01</h4>
            <p>Madhapur Area new</p>
            <p><b>Timings:</b> 09:40 AM - 06:40 PM</p>
            <label class="label-green label-wrap" style="display:none;">Close</label>
         </div>
         <div class="rightlable"><a class="addrest-btn icon-ok-3 addrest-btn-active"></a></div>
      </li>

      <li>
         <div class="leftlable">
            <h4>Imax Vendor 02</h4>
            <p>Miyapur Area</p>
            <p><b>Timings:</b> 01:34 PM - 07:34 PM</p>
            <label class="label-green label-wrap" style="display:none;">Close</label>
         </div>
         <div class="rightlable"><a class="addrest-btn icon-ok-3 addrest-btn-active"></a></div>
      </li>

       <li>
         <div class="leftlable">
            <h4>Imax Vendor 04</h4>
            <p>Madhapur Area </p>
            <p><b>Timings:</b> 09:40 AM - 06:40 PM</p>
            <label class="label-green label-wrap" style="display:none;">Close</label>
         </div>
         <div class="rightlable"><a class="addrest-btn icon-ok-3"></a></div>
      </li>


   </ul>
</div>

我如何获取h4文本，该文本已将该类作为restautantsdiv下的ul标记的addrest-btn-active

你能告诉我如何获取这些数据吗？

$('.restListings').find.each(function () {
    var labelname = $(this).find("h4").text();
    alert(labelname);
});

请看这是我的小提琴

http://jsfiddle.net/hptd3070/

Answer 1

您可以使用以下内容：

Example Here

$('#restautantsdiv .addrest-btn-active').closest('#restListings > li').each(function () {
    var labelname = $(this).find("h4").text();
    alert(labelname);
});

它返回：

"Imax Vendor 01", "Imax Vendor 02"

首先选择.addrest-btn-active中的所有#restautantsdiv元素：

$('#restautantsdiv .addrest-btn-active')

然后找到最近的li父元素，它是#restListings的直接子元素：

.closest('#restListings > li')

从那里，它将遍历包含li的每个父.addrest-btn-active元素，并重新审核h4文字：$(this).find("h4").text()。

Answer 2

如果您要查找与<h4>位于同一部分的每个addrest-btn-active代码，那么您可以这样做：

$("#restListings .addrest-btn-active").each(function() {
    var text = $(this).closest("li").find("h4").text();
    // do something with the text here
});

演示：http://jsfiddle.net/jfriend00/j8qb124y/

如何仅解析所选类的ul标记数据

2 个答案: