选择器 javascript 的 Select 个元素？

Question

我想 select 这个和 jquery: .single-product > .product-buybox-big > .col-sm-6

您可以在例如此页面：click me。

.single-product在身上class。 .product-buybox-big 可以在 #wrapper-fluid > #main > .container > .col-sm-9 > #content 中找到，.col-sm-6 元素可以在 .product-buybox-big.

中的行下方找到

现在这是我必须处理的事情。每个产品站点上的内容都不同。但我也知道在每个产品站点上都有上面提到的三个 class：.single-product、.product-buybox-big 和 .col-sm-6。我怎样才能 select 他们那样 javascript？

我的 jQuery 总是返回 null 这个：

var x = document.querySelector("single-product > product-buybox-big > col-sm-6");

非常感谢您的帮助！亲切的问候

Answer 1

使用 JQuery 的 $() select 函数。

Select 你的元素 $('.single-product.product-buybox-big.col-sm-6')

但是如果你有这样的事情：

<element class="a">
  <element class="b c">
  </element>
</element>

你必须放一个space，像这样：

$('.a .b.c')

Answer 2

您缺少“.”选择器
"product-buybox-big"和"col-sm-6"不是单品的直子
您可以使用 document.querySelector(".single-product .product-buybox-big .col-sm-6");

Answer 3

您正在使用 JQuery，因此您可以使用有用的 JQuery() also known as $() 函数，使您能够像使用 CSS 一样 select 一个元素。以下代码适用于您的页面。

document.querySelector(".single-product .product-buybox-big .col-sm-6");

选择器 javascript 的 Select 个元素？

Select elements for javascript by selector?

html

javascript

jquery

jquery-selectors