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

【问题标题】：Select elements for javascript by selector?通过选择器为javascript选择元素？
【发布时间】：2017-08-01 21:08:59
【问题描述】：

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

您可以在例如本页：click me。

.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");

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

【问题讨论】：

你缺少类选择器.
发布你的html代码
如果您使用 JQuery，请使用 $(..selector..) 函数来选择元素

标签： javascript jquery html jquery-selectors

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

但如果你有类似的东西：

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

你必须放一个空格，像这样：

$('.a .b.c')

【讨论】：

他没有说他是否在使用 jQuery，从表面上看，他没有。
是的，他做到了，甚至添加了JQuery标签