在ul li中查找所有值

Question

我正在嘗試在div一個ul內a元素中查找span的內部文本值的列表

換句話說，具有標記：

<div id="MyId">
   <ul>
      <li><a href="#"><span>Val1</span></a></li>
      <li><a href="#"><span>Val2</span></a></li>
   </ul>
</div>

我想獲取數組[Val1，Val2]，其中div id是我的輸入。 我已經編寫了一些骯臟的jQuery代碼，涉及each on ul函數，但它比應該的復雜。

Answer 1

使用.each函數

 $('#MyId ul li a span').each(function(){ alert($(this).html()); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="MyId"> <ul> <li><a href="#"><span>Val1</span></a></li> <li><a href="#"><span>Val2</span></a></li> </ul> </div> 

Answer 2

var myArr = [];

$("#MyId span").each(function() {
    myArr.push($(this).html());
});

這將把您想要的值放入數組。

//arr = ["Val1", "Val2"]

請注意， .html()實際上會將HTML范圍內的所有內容都包含在html中。 如果只需要文本，請改用.text() 。

小提琴 ： https : //jsfiddle.net/vdu93x8e/