Jquery 切换<;i>;内部a<;a>;单击<;a>;

Jquery 切换<;i>;内部a<;a>;单击<;a>;,jquery,toggleclass,Jquery,Toggleclass,我期待着切换一个图标,这是一个链接内的链接一旦点击类。我有它的工作,但当点击我所有的图标改变-我有一个以上的手风琴在页面上。我只想更改所单击链接的图标。有人能帮忙吗?我知道这一定和“这个”有关,但我想不出来 jQuery代码 $( ".accordion a" ).click(function() { $( ".accordion a i" ).toggleClass('fa-caret-up ','fa-caret-down'); }); <a href="#panel{acc

我期待着切换一个图标,这是一个链接内的链接一旦点击类。我有它的工作,但当点击我所有的图标改变-我有一个以上的手风琴在页面上。我只想更改所单击链接的图标。有人能帮忙吗?我知道这一定和“这个”有关,但我想不出来

jQuery代码

$( ".accordion a" ).click(function() {
    $( ".accordion a i" ).toggleClass('fa-caret-up ','fa-caret-down');
});
<a href="#panel{accordion_number}">{accordion_heading} <i class="fa fa-caret-down linkIcon"></i></a>
HTML代码

$( ".accordion a" ).click(function() {
    $( ".accordion a i" ).toggleClass('fa-caret-up ','fa-caret-down');
});
<a href="#panel{accordion_number}">{accordion_heading} <i class="fa fa-caret-down linkIcon"></i></a>

您没有正确使用
.toggleClass()
签名。您试图在其上使用的签名是
.toggleClass('class1 class2')

试试看


我没有解释,您需要在click事件中使用
$(this)
,以当前单击的元素为目标。否则,它将影响与选择器匹配的所有元素。

您没有正确使用
.toggleClass()
签名。您试图在其上使用的签名是
.toggleClass('class1 class2')

试试看


我没有解释,您需要在click事件中使用
$(this)
,以当前单击的元素为目标。否则,它将影响与选择器匹配的所有元素。

使用
。如下图所示查找

$( ".accordion a" ).click(function() {
    $(this).find("i").toggleClass('fa-caret-up fa-caret-down');
});

使用
。如下图所示查找

$( ".accordion a" ).click(function() {
    $(this).find("i").toggleClass('fa-caret-up fa-caret-down');
});
1) ToggleClass语法错误

2) 使用当前元素$(此)

1) ToggleClass语法错误

2) 使用当前元素$(此)


使用
引用获取当前元素并查找以获取
i
,然后更改

试试这个

$( ".accordion a" ).click(function() {
    $( this ).find('i').toggleClass('fa-caret-up fa-caret-down');
});

使用
引用获取当前元素并查找以获取
i
,然后更改

试试这个

$( ".accordion a" ).click(function() {
    $( this ).find('i').toggleClass('fa-caret-up fa-caret-down');
});

正如已经发布的一样,你需要在你点击的链接中找到具体的“i”。 但是,您可能还需要停止链接到任何地方

$( ".accordion a" ).click(function(e) {
  e.preventDefault(); // needed if you want to stay on the page
  $(this).find("i").toggleClass('fa-caret-up fa-caret-down');
});

正如已经发布的一样,你需要在你点击的链接中找到具体的“i”。 但是,您可能还需要停止链接到任何地方

$( ".accordion a" ).click(function(e) {
  e.preventDefault(); // needed if you want to stay on the page
  $(this).find("i").toggleClass('fa-caret-up fa-caret-down');
});

不,它影响一切accordion@Jai哈哈。。太好了……)@斯蒂芬诺·康纳很高兴能帮上忙……:)不,它影响一切accordion@Jai哈哈。。太好了……)@斯蒂芬诺·康纳很高兴能帮上忙……:)感谢您的向下投票:-)请查看Jquery顶级用户页面..!:):DWow,恭喜你保持乐观,感谢你的否决:-)请查看Jquery顶级用户页面..!::):哇,恭喜你坚持下去