获取下一个 div 并检查其子项中是否存在 class 的 div

Question

如何确定其中一个按钮是否具有 class "selected"？

<a id="foo">Foo</a>
<div id="div">
    <input type="button" />
    <input type="button" class="selected" />
    <input type="button" />
</div>

我将食物包裹在一个 jQuery 物体中。调用 next() 以到达 div。剩下的怎么办？

function fooClickHandler(foo) {
    var $self = $(foo);
    var selectedExists = $self.next().children('input .selected');
};

Answer 1

您的选择器正在寻找具有 class selected 的 input 元素的后代，这是不可能的，因为输入元素不能有子元素。

如果你想要一个布尔值，你可以使用

var selectedExists = $self.next().children('input').hasClass('selected'); //or .is('.selected');
//here `selectedExists` will be a boolean value

如果您想引用 input 元素，那么

var selectedExists = $self.next().children('input.selected');
//here `selectedExists` will refer to the `input` element with class `selected` if there is one, else it will be empty jQuery object.

Answer 2

使用下面的代码检查输入有 class 'selected'

var selectedExists = $self.next().children('input').hasClass('selected');

hasClass() return 如果 class 分配给元素

则为真

获取下一个 div 并检查其子项中是否存在 class 的 div

Get the next div and check that div for a class exists in it's childs

html

jquery

jquery-selectors