Question

我有这个标记

<div class="parent">
    <div class="one"></div>
    <div class="two"></div>
    <div class="one"></div>
    <div class="two"></div>
</div>

我的问题是：如何获得＆＃34; index＆＃34;类two的元素数量。我没有询问parent div中元素的常规索引号。我需要知道，当我点击第一个元素one时，下一个two元素有0个索引，或者它是此列表中第一个带有类{{1}的元素}，等等。

我已尝试使用two方法和index()，并始终在eq() div中拥有此元素的实际索引号。我希望这很清楚，请求帮助。

Answer 1

您需要在具有相同类的元素集合中找到元素索引：

    Fatal error: Uncaught exception 'GuzzleHttp\Ring\Exception\RingException' with message 'cURL 
    error 60: SSL certificate problem: unable to get local issuer certificate' in C:\xampp\htdocs\
yahavi\frontend\public\mailgun-php-master\vendor\guzzlehttp\ringphp\src\Client\CurlFactory.php:127
 Stack trace: #0 C:\xampp\htdocs\yahavi\frontend\public\mailgun-php-master\vendor\guzzlehttp\ringphp\src\Client\
        CurlFactory.php(91):GuzzleHttp\Ring\Client\CurlFactory::createErrorResponse(Array, Array, Array) #1`enter code here` C:\xampp\htdocs\yahavi\frontend\public\mailgun-php master\vendor\guzzlehttp\ringphp\src\Client\CurlHandler.php(96): GuzzleHttp\Ring\Client\CurlFactory::createResponse(Array, Array, Array, Array, Resource id #65) #2 C:\xampp\htdocs\yahavi\frontend\public\mailgun-php-master\vendor\guzzlehttp\ringphp\src\Client\CurlHandler.php(68): GuzzleHttp\Ring\Client\CurlHandler->_invokeAsArray(Array) #3 C:\xampp\htdocs\yahavi\frontend\public\mailgun-php-master\vendor\guzzlehttp\ringphp\src\Client\Middleware.php(54): GuzzleHttp\Ring\Client\CurlHandl in C:\xampp\htdocs\yahavi\frontend\public\mailgun-php-master\vendor\guzzlehttp\guzzle\src\Exception\RequestException.php on line 51

Answer 2

这应该是获得您正在寻找的索引的更快捷方式。

它不是检索所有匹配，而是计算DOM中先前叶子中同一类的元素数。

此外，它允许多个<div class="parent">并且仍在工作

$('.parent div').click(function() {
    // Retrieve clicked element class (one, two)
    var elClass = $(this).attr('class');

    // Retrieve all previous elements that have the same class
    // and count them
    var prevElmts = $(this).prevAll('.' + elClass),
        numPrevElements = prevElmts.length;

    console.log(numPrevElements);
})

Answer 3

使用jquery，您可以找到具有相同类名或标记名
的元素的索引

$(".class_name").on("event_name", function() {
        var index=($(this).index());
        console.log('index : ',index);
});

Answer 4

这可能适合你。

var p = $('.parent'),
current = p.filter('.two'),
index = p.index(current);

如何使用jQuery获取具有特定类的元素的索引，位置号

4 个答案: