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

Question

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

您可以在例如:这个页面：点击我上找到这个。

.single-product在body类上。.product-buybox-big可以在#wrapper-fluid > #main > .container > .col-sm-9 > #content中找到，.col-sm-6元素可以在.product-buybox-big中的行下面找到。

现在我要面对的是。在每个产品网站上，内容是不同的。但是我也知道在每个产品站点上都有上面提到的三个类：.single-product、.product-buybox-big和.col-sm-6。我如何为这样的javascript选择它们呢？

对于这个，我的jQuery总是获得null：

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

将是非常伟大的帮助！亲切的问候

Answer 1

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

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

​

​

Answer 2

1. “你失踪了”。选择器
2. “产品-收购箱-大”和“各式-sm-6”不是单一产品的直子。
3. 您可以使用document.querySelector(“.单产品.产品-买方-大. can 6”)；

Answer 3

使用JQuery的$()选择函数。

使用$('.single-product.product-buybox-big.col-sm-6')选择元素

但如果你有这样的东西

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

你得留个地方，就像这样：

$('.a .b.c')