带有jQuery的选择器

Question

我正在尝试使用皇家滑梯。 我想根据图像更改来更改ID。 我尝试了一些诸如使用translateX值之类的操作，但是这对我来说真的很困难，因为我对jQuery / JavaScript没有太多的经验。 所以当我看到这个时，我想到了另一个想法：

<div class="rsNav rsBullets">
   <div class="rsNavItem rsBullet rsNavSelected"><span></span></div>
   <div class="rsNavItem rsBullet"><span></span></div>
   <div class="rsNavItem rsBullet"><span></span></div>
</div>

我认为最好的选择是使用:nth-child选择器，如下所示：

function colorfondo(){
if($('.RsNav:nth-child(1)').hasClass("RsNavselected")) {
   console.log('works!');
}

但这没用。

编辑也许我没有很好地解释它。 我只想要这样的东西：

if (the first child has the rsNavSelected) { do something.}
elseif the second child has the rsNavSelected) { do something.} elseif the third child has the rsNavSelected { do something.} 

重新编辑，使它起作用，这就是我的功能函数colorfondo（）{

if($('.rsNav div:first-child').hasClass("rsNavSelected")) {
console.log('rojo!');
} 
else if($('.rsNav div:nth-child(2)').hasClass("rsNavSelected")) {
console.log('azul!');
} 
else if($('.rsNav div:nth-child(3)').hasClass("rsNavSelected")) {
console.log('gris!');
} 
}

现在我需要该功能不要停止并保持始终运行，有什么建议吗？

Answer 1

RsNavselected不等于rsNavselected并且RsNav不是rsNav 。

HTML属性值区分大小写，但HTML标记名称和属性不区分大小写 。

采用 ：

if($('.rsNav:nth-child(1)').hasClass("rsNavSelected")) {
   console.log('works!');
} 

另外，如果您想获得first-child使用.children()和.first()方法：

if($('.rsNav').children().first().hasClass("rsNavSelected")) {
   console.log('works!');
} 

Answer 2

您也可以像这样使用：

if($('.rsBullets').find(".rsNavselected").length > 0) {
    console.log('works!');
}