jquery найти индекс () с тем же именем узла - PullRequest
Новая
       42

jquery найти индекс () с тем же именем узла

0 голосов
/ 03 октября 2011

У меня есть эта настройка, просто чтобы найти 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>

Кто может определить, где это не так?

Ответы [ 4 ]

5 голосов
/ 03 октября 2011

Попробуйте использовать .filter вместо .find: 

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

Проблема с .find заключается в том, что он ищет дочерние элементы сопоставленного элемента, а не братьев и сестер.Из документов:

Получите потомков каждого элемента в текущем наборе соответствующих элементов, отфильтрованных селектором, объектом jQuery или элементом.

По сравнению с .filter:

Сократить набор соответствующих элементов до тех, которые соответствуют селектору или прошли тест функции.

2 голосов
/ 03 октября 2011

find ищет только дочерние узлы выбранного узла. Вы пытаетесь использовать функциональность filter . Вам необходимо следующее: 

        var $obj_clone = $filtered.filter($obj); // find original element again. Is something wrong here?
1 голос
/ 03 октября 2011

С третьей попытки вы пытаетесь найти ребенка в себе, который, очевидно, не возвращает желаемого значения.

Иллюстрированный: 

 var $filtered = $obj.parent().children($obj[0].nodeName);
 //Select set A

 var $obj_clone = $filtered.find($obj);
 //Search for set A among the CHILDREN of set A --> Fails, obviously?

 var filteredByNodeNameIndex = $obj_clone.index();
 //Unexpected results.
0 голосов
/ 03 октября 2011

попробовать: 

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

.find () ищет только детей

...