jQuery:阻止孩子继承父母的属性?

时间:2015-04-24 22:11:02

标签: javascript jquery html css

使用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>

4 个答案:

答案 0 :(得分:2)

为什么不使用css?

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

答案 1 :(得分:2)

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

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

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

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

答案 2 :(得分:1)

你可以试试这个:fiddle

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

答案 3 :(得分:1)

如果你想在Jquery上完成,你也可以这样做:

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