Jquery中的目标相邻元素
我使用下面的代码将加号改为减号,反之亦然。如果页面上只有一个元素,这种方法就可以了 我有一个包含多个Jquery中的目标相邻元素,jquery,Jquery,我使用下面的代码将加号改为减号,反之亦然。如果页面上只有一个元素,这种方法就可以了 我有一个包含多个.handler类的页面,我希望将每个处理程序旁边的#plusid作为目标。有什么想法吗 jQuery(".handler").click(function(){ jQuery("#plus").html(function(_, html) { return jQuery.trim(html) == '+' ? '-' : '+'; }); }); HTML +
.handler
类的页面,我希望将每个处理程序旁边的#plus
id作为目标。有什么想法吗
jQuery(".handler").click(function(){
jQuery("#plus").html(function(_, html) {
return jQuery.trim(html) == '+' ? '-' : '+';
});
});
HTML
+
首先将ID更改为class,因为您有多个具有相同属性的元素
<div class="handler"><span class="plus"> + </span><?php echo $term->name; ?></div>
共享您的html以及元素的id必须是唯一的,因此您不应该有超过1个id为plus的元素。。。。使用类将类似元素分组运行此操作,但还有另一个问题。。。我的页面就像一个手风琴,所以当用户点击另一个元素时,这个符号应该返回到原来的“+”。。。希望这是有意义的。@JoannaMikalai您能分享生成的html吗?如果可能的话,创建一个ok。有一个JQuery冲突,所以我将最后一个美元符号改为JQuery。。。现在可以工作了,但最后一行应该是.html(“+”)
<div class="handler"><span class="plus"> + </span><?php echo $term->name; ?></div>
jQuery(".handler").click(function () {
var $plus = jQuery(this).find(".plus").html(function (_, html) {
return jQuery.trim(html) == '+' ? '-' : '+';
});
$('.plus').not($plus).html('+')
});