jQuery无法获取.closest()来搜索DOM树

Question

http://jsfiddle.net/3Bvt9/3/

HTML

<div id="div1">
    <img class="size" src="">
    <input name="rdo" id="rdo" type="radio" value="1">
    <div id="div2">
        <label>radiobutton</label>
        <div id="div3">
            <a href="javascript:void(0)">link</a>
            <input name="abc" id="abc" type="hidden" value="1">
        </div>
    </div>
</div>

jQuery的

$('#abc').parent().parent().parent().find("input[type='radio']").length; //1
$('#abc').closest("input[type='radio']").length; //0 why?

为什么最近的查询不起作用？我认为nearest()遍历DOM树中的祖先.

Answer 1

这是因为input[type="radio"]它不是父母#abc,而是祖父母元素的兄弟.

此外,根据w3c,<input>元素不能具有子元素,不像<button>,它不会"包裹" #abc.

第一种方法有效,因为$('#abc').parent().parent().parent()指向顶部<div>; 这样做.find("input[type='radio']")会发现单选按钮是其子元素.

这也有效:

$('#abc').parent().parent().siblings('input[type="radio"]).length; // 1