jQuery：阻止孩子继承父母的属性？

Question

使用jQuery：如何阻止子级（ FORMAT: 1A # Customer Testing ## Resource ID [/{id}] + Parameters + id (required, string, `xoxo`) ... ID ## Query an Existing Job [GET] + Request (application/json) { "key": "value" } + Response 204 ）继承父级（<span>）属性？我一直在研究和研究这个2个多小时;没有任何效果。

问题部分：

<p>

$("p").not("span").css("cursor", "pointer");

完整代码：

<p>...<span>...</span></p>

Answer 1

为什么不使用css？

p{ cursor: pointer; }
p span{ cursor: default; }

Answer 2

表达式$("p").not("span")字面意思是＆＃34;选择不p＆＃34; 的spans元素。显然它总是如此。

您想要检查p是否包含span个孩子：

$("p:not(:has(span))").css("cursor", "pointer");

然而，对于这个任务，你应该使用CSS解决方案，而不是javascript。

Answer 3

你可以试试这个：fiddle

p:hover {
    cursor: pointer;
}
span:hover {
    cursor: default;
}

Answer 4

如果你想在Jquery上完成，你也可以这样做：

$("p").css("cursor", "pointer");
$("p span").css("cursor", "default");