Question

与标题一样，如何通过jQuery使用DOM querySelectorAll（）。我正在使用jQuery和Chrome浏览器的最终版本例如：

<ul>
    <li>new</li>
    <li>howler monkey</li>
    <li>pine marten</li>
</ul>

我尝试过$（“li”），但它只返回第一个li标签。

-P / S：我有答案来解决这个问题。我从jquery.com下载jquery.js并链接到它，但它只返回第一个li标签。

$("li")
<li>new</li>

然后我使用cdn link，它为我返回数组结果。我不知道为什么。

$("li")
(3) [li, li, li#adorable, prevObject: r.fn.init(1)]

Answer 1

$('li')将为您提供所有li元素对象。

请检查以下示例： -

＆＃13;

$(document).ready(function(){
  var data = [];
  $('li').each(function(){
    data.push($(this).text());
  });

  console.log(data);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
    <li>new</li>
    <li>howler monkey</li>
    <li>pine marten</li>
</ul>

＆＃13;

Answer 2

有jQuery函数可以返回选择器元素的数组。＆＃34; toArray＆＃34;，然后为你的代码做：

var lis = $('li').toArray();

您的lis变量将是li选择器找到的元素数组。您可以在此处查看更多内容https://api.jquery.com/toArray/

Jquery中的querySelectorAll

2 个答案: