在另一个 class 中访问 class[x]

Question

所以假设我有这样的 div 设置：

<div class="score"><div>
<div class="score></div>
<div class="score"><div>
<div class="score>
    <div class="compare"><div>
</div>

我正在使用跳房子游览，它会在元素目标处弹出游览。要访问第 4 个div，我会这样做

$('.score')[3]

但是我如何在第 4 个 class 中访问比较 class 假设它们可能是其他比较 class 使用的所以我特别想针对比较 class 在第 4 个分数元素内。

我想我正在尝试做这样的事情，但我不知道正确的格式，如果我知道要在 google 上搜索的正确搜索词，我可能会找到它，但我不知道正确的搜索词我正在寻找的术语。

一些错误的尝试是：

$('.score')[3].compare; 
$('.score[3] > compare');
$('.score > compare')[3];
$('.score').eq(3).compare;

对于奖励积分，反之亦然。如果我有：

<div class="score">
    <div class="compare"></div>
    <div class="compare"></div>
    <div class="compare"></div>
    <div class="compare"></div>
<div>

如果我想访问分数中比较的第 4 个元素怎么办 class

Answer 1

试试这个

$('.score').children().eq(3).hasClass('compare');

这将 return true/false 如果第四个元素有 'companre' class

尽情享受吧！

Answer 2

尝试 FIDDLE，对于你的情况 1

<div id='case1'>
<div class="score"><div>
<div class="score"></div>
<div class="score"><div>
<div class="score">
    <div class="compare">test<div>
</div>
</div>


var $target = $('#case1');
var text = $('#case1').find('div.score:eq(3) > div.compare').text();
alert(text);

对于案例 2

<div id='case2'>
<div class="score"><div>
<div class="score"></div>
<div class="score"><div>
<div class="score">
    <div class="compare">test1</div>
    <div class="compare">test2</div>
    <div class="compare">test3</div>
    <div class="compare">test4</div>
</div>
</div>

var $target = $('#case2');
var  text = $('#case2').find('div.score:eq(3) > div.compare:eq(3)').text();
alert(text);

希望对你有用

在另一个 class 中访问 class[x]

Access class[x] within another class

jquery

jquery-selectors