Question

我正在尝试在span

中的a个ul元素中找到div的内部文字值列表

换句话说，有标记：

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

Answer 1

使用.each功能

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

var myArr = [];

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

这会在你的数组中输入你想要的值。

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

请记住，.html()实际上会在你的范围内采取所有html方式。如果您只想要文字，请改用.text()。

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

在ul li中查找所有值

2 个答案: