我有一个函数可以为我的 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>
我的问题有两个方面。
- “.info”1 - 10 的变量选择不起作用,因为我没有值。
- 如果我确实以正确的元素为目标,它将更改所有“.redditPost”类,而不仅仅是以最近的 div 为目标。
最佳答案
像这样尝试。
$("[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");
});
});
关于javascript - 以一个函数定位多个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38315255/