查找 ul li 中的所有 a 值答案

【问题标题】：Find All a values in ul li查找 ul li 中的所有 a 值
【发布时间】：2015-12-18 22:41:41
【问题描述】：

我正在尝试在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 是我的输入。我在ul 函数上编写了一些涉及each 的脏jQuery 代码，但它比它应该的要复杂。

【问题讨论】：

$(''#MyId > ul > li > a > span').map(function() { return this.html(); }).get();
var arr = $('#MyId ul li a span').map(function() {return this.innerHTML}).get()

标签： javascript jquery html

【解决方案1】：

var myArr = [];

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

这会在你的数组中推送你想要的值。

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

请记住，.html() 实际上会在您的跨度内以 html 方式获取所有内容。如果您只想要文本，请改用.text()。

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

【讨论】：

【解决方案2】：

使用.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>

【讨论】：