【问题标题】:Can you pick up inherited element class with jquery?你能用 jquery 获取继承的元素类吗?
【发布时间】:2016-11-26 19:30:29
【问题描述】:
如果我有这个:
<div class="abc">
<input class="edf">
</div>
输入标签是否继承class="abc"?所以输入标签其实是<input class="edf abc">?
如果是这样,我可以使用 jquery 通过使用 class="edf" 从输入标签中提取 class="abc" 吗?
我正在尝试对输入标签做一些事件,并且由于设计限制,我试图只使用类名class="edf" 来获取输入标签。
【问题讨论】:
标签:
javascript
jquery
html
inheritance
【解决方案1】:
不,<input> 元素不继承父元素的类。但是,选择器
.abc .edf
将匹配<input>。所以,通过 jQuery,
var $input = $(".abc input.edf");
会匹配您的输入,但不匹配:
<div id="someOtherDiv" class="xyz">
<input class="edf">
</div>
【解决方案3】:
不,它不像你想象的那样继承类,很遗憾它是父母的孩子。
您可以选择像这样的类 edf $(".abc .adf") 或者您可以通过这样做 $(".edf").parent() 或 $(".edf").parents(" 从 edf 中选择 abc .abc");