Jquery 按类获取id，然后单击触发器

我试图从动态div中按类获取id，然后触发click函数。如果有人能给我指出正确的方向，我将不胜感激

这是我的密码：

<div id="navigation"> 
    <div id="nav-img1" class="slideNav"><a href="#" class="img1">img 1</a></div>
    <div id="nav-img2" class="slideNav"><a href="#" class="img2">img 2</a></div>
    <div id="nav-img3" class="slideNav"><a href="#" class="img3">img 3</a></div>
    <div id="nav-img4" class="slideNav"><a href="#" class="img4">img 4</a></div>
</div>

<div id="container-scroll">
    <div id="container">
        <div id="img1" class="slideItem">img 1</div>
        <div id="img2" class="slideItem">img 2</div>
        <div id="img3" class="slideItem">img 3</div>
        <div id="img4" class="slideItem">img 4</div>
    </div>
</div>
<script>
$(document).ready(function(){
    $('.slideItem').css('cursor', 'pointer').click(function() {
        var id = $('.slideNav').attr('id');
        $('.slideNav #'+id).find('a').trigger('click');
    });
});
</script>

img 1
img 2
img 3
img 4
$（文档）.ready（函数（）{
$（'.slideItem'）.css（'cursor'，'pointer'）。单击（function（）{
变量id=$（'.slideNav'）.attr（'id'）；
$（'.slideNav#'+id）.find（'a'）.trigger（'click'）；
});
});

我希望通过查看代码可以更清楚地了解我想要实现的目标。

你的意思是

var id = $(this).attr('id');

$('.slideNav #nav-'+id).find('a').trigger('click');

---

问题是，您在选择上有点混淆，请尝试以下方法：

$('.slideItem').css('cursor', 'pointer').click(function() {
    var id = $(this).attr('id');
    $('.slideNav a.'+id).trigger('click');
});

---

通过这种方式，您可以获取clicked.slideItem的id，并使用其a类获取.slideNav的click事件。

我认为您需要类似的内容，无需使用id：

$(document).ready(function(){
    $('.slideItem').css('cursor', 'pointer').click(function() {
        var index = $(this).index();
        $('#navigation').find('a').get(index).click();
    });
});

如果您希望只触发jQuery处理程序，而不是DOM节点单击方法，请使用：

 $('#navigation').find('a').eq(index).click();

或：

---

等等。。。有很多可能性…

您的代码非常混乱，您根本不应该使用ID，因为我看到它删除了

之前的空格。它需要是

$（'.slideNav#nav-'+id）

$('.slideNav').eq(index).find('a').click();