jquery找到相同节点名的index()

Question

jquery找到相同节点名的index()

Mar*_*nol 0 indexing jquery traversal nodename

我有这个设置,只是为了找到一个元素的index(),但它应该查看具有相同节点名的相同级别的元素.

返回的数字不符合预期.查看代码注释.我想filterByNodeNameIndex为'2'.

希望这个示例代码足够清晰:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>TestDrive</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript" >
        function TestDrive()
        {
            var $obj = $("#div2");
            console.log("$obj.length:" + $obj.length); // returns: 1

            var $filtered = $obj.parent().children($obj[0].nodeName); // find all divs in same parent
            console.log("$filtered.length:" + $filtered.length); // returns: 3 

            var $obj_clone = $filtered.find($obj); // find original element again. Is something wrong here? 
            console.log("$objAgain.length:" + $obj_clone.length); // returns: 0

            var filteredByNodeNameIndex = $obj_clone.index(); // i want the number 2 here
            console.log("filteredByNodeNameIndex:" + filteredByNodeNameIndex); // returns: -1
        }
    </script>
</head>
<body onload="new TestDrive()">
    <div id="container"> 
        <!-- some random elements just for test -->
        <a></a>
        <div id='div1'></div>
        <div id='div2'></div>
        <span></span>
        <span></span>
        <a></a>
        <div></div>
        <a></a>
    </div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

谁能发现这是错的？

Answer 1

Jam*_*ice 5

尝试使用.filter而不是.find:

var $obj_clone = $filtered.filter($obj);

Run Code Online (Sandbox Code Playgroud)

问题.find在于它寻找匹配元素的子元素,而不是兄弟元素.来自文档:

获取当前匹配元素集中每个元素的后代,由选择器,jQuery对象或元素过滤.

相比.filter:

将匹配元素集减少到与选择器匹配的元素或传递函数的测试.

归档时间：	14 年，2 月前
查看次数：	659 次
最近记录：	14 年，2 月前