javascript - 以一个函数定位多个元素

Question

我有一个函数可以为我的 div 分配动态类。这个函数是在页面上运行的。页面加载后，我的所有 10 个 primary 都有类“.info1”或“.info2”等...

我正在尝试编写一个 Jquery 函数来更改您单击的 div 的类，并且只更改那个。这是我尝试过的:

$(".info" + (i ++)).click(function(){
    $(".redditPost").toggleClass("show")
});

我也试过:

$(".info" + (1 + 1)).click(function(){
    $(".redditPost").toggleClass("show")
});

和

$(".info" + (i + 1)).click(function(){
    $(".redditPost").toggleClass("show")
});

编辑我的 HTML:DIV RedditPost 实际上是 Info 父级的兄弟

<div class="listrow news">
    <div class="newscontainer read">
        <div class=".info1"></div>
        <div class="redditThumbnail"></div>
        <div class="articleheader read">
    </div>
    <div class="redditPost mediumtext"></div>
</div>

我的问题有两个方面。

1. “.info”1 - 10 的变量选择不起作用，因为我没有值。
2. 如果我确实以正确的元素为目标，它将更改所有“.redditPost”类，而不仅仅是以最近的 div 为目标。

Answer 1

像这样尝试。

$("[class^='info']").click(funtion(){
    $(this).parent().find('.redditPost').toggleClass("show");
});

备选方案:

$('.listrow').each(function(){
    var trigger = $(this).find("[class^='info']");
    var target = $(this).find('.redditPost');

    trigger.click(function(){
        target.toggleClass("show");
    });
});