Question

在下一个网页中，我想用Jquery选择所有<li>个元素。我想选择<ul class=search-result-gridview-items">内的所有产品 https://www.walmart.com/browse/home-improvement/air-quality/1072864_133032_1231459

我试过了：

$(".search-product-result ul li")
$("ul.search-result-gridview-items li")

我也尝试过：

$("li")
$("ul li")
$("section li")

选择所有<li>并且无效。所有这些都只提供一个<li>而不是全部。

为什么会这样？

Answer 1

因为网站没有使用jQuery。 console.log(window.jQuery)返回undefined

很可能$绑定到某个函数

您可以使用vanila javascript来使用

获取所有元素

document.querySelectorAll('ul.search-result-gridview-items li')

Answer 2

如果这是您在网站上获得的实际HTML代码，则最有可能的问题是<ul>上的类声明。

您应将<ul class=search-result-gridview-items">标记为<ul class="search-result-gridview-items">。

你错过了班级名字前面的开头双引号。

Answer 3

否则 $('.search-result-gridview-items').children似乎对我有用

Answer 4

您是否尝试使用子选择器（“父＆gt;孩子”）？

$( ".search-product-result > li" )