通过选择器为javascript选择元素？

Question

我想用jquery选择这个： .single-product > .product-buybox-big > .col-sm-6

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

.single-product在身体类上。 .product-buybox-big位于#wrapper-fluid > #main > .container > .col-sm-9 > #content和.col-sm-6中行.product-buybox-big元素下方。

现在我要处理的是这里。在每个产品网站上，内容都不同。但我也知道，在每个产品网站上都有上面提到的三个类：.single-product，.product-buybox-big＆amp; .col-sm-6。我如何选择这样的javascript？

我的jQuery总是为这个获取null：

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

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

Answer 1

1. 你错过了“。”选择
2. “product-buybox-big”和“col-sm-6”不是单品的直子女
3. 您可以使用document.querySelector（“。single-product .product-buybox-big .col-sm-6”）;

Answer 2

您正在使用JQuery，因此您可以使用有用的JQuery()也称为$()函数，它将使您能够像使用CSS一样选择元素。以下代码适用于您的页面。

relatedObject(for: SomeType.self) 

Answer 3

使用JQuery的$()选择功能。

使用$('.single-product.product-buybox-big.col-sm-6')

选择您的元素

但如果你有类似的东西：

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

你必须放一个空格，如下：

$('.a .b.c')