jquery - JQuery：确定某个 IDed 元素是否是某个类的第一个？

Question

<div id="welcome" class="right"></div>
<div id="visit_us" class="right"></div>
<div id="our_products" class="right"></div>

一个函数被传递了一个 ID，我需要知道它是否是第一个具有“正确”类的元素。所以“欢迎”是真的，而其他的都是假的。我认为这可能会做到：

function highlightElement(el){
   $(el + ":eq(.right:first)")
}

但没有骰子（或者至少它似乎没有正确地做到这一点）。有什么建议吗？

score 2 · Accepted Answer

你可以试试

$(el).is('.right:first')

可能在一份if声明中

if($(el).is('.right:first')){
    console.log('is first')
}

注意：这里需要传递一个id选择器，否则需要前缀#

score 1 · Accepted Answer

$(".right:first");

应该这样做

这将允许您直接在返回的元素上添加您想要的任何突出显示样式。

前任：

$(".right:first").addClass("highlighterClass");

score 0 · Accepted Answer

根据您的描述，问题是选择器el仍然需要 id 指示符 ( #) 才能工作：

function highlightElement(el){
   $("#" + el + ":eq(.right:first)")
}

score 0 · Accepted Answer

也许您可以将这些与id第一个元素的匹配：

this.id === $(".right:first").attr("id")

（许多方法之一）

完整代码：

function highlightElement(el){
   alert(el === $(".right:first").attr("id")) //or just hard-code the id! :)
}

true如果 id 匹配，这将返回:)

4 回答 4