jQuery Selector等效于“：not”

Question

我希望使用纯JavaScript在下面获得所需的输出，因为jQuery在我执行代码的页面上不可用。

HTML：

<div id="firstDiv">
    <b>Item 1:</b> tacos
</div>

输出：

tacos

我怎样才能做到这一点？

我尝试使用jQuery失败了：

$("#firstDiv:not('b')").text().trim();

Answer 1

:not()是一个CSS3选择器，因此可以在现代浏览器中通过querySelector[All]使用。

＆＃13;

＆＃13;

alert(document.querySelector("#firstDiv :not(b)").innerText.trim());

＆＃13;

<div id="firstDiv">
    <b>Item 1:</b> <span>tacos</span>
</div>

＆＃13;

＆＃13;

＆＃13;

我还包装了＃t; tacos＆＃34;在<span>中进行访问，并更改选择器以选择不是<b> s的后代。