Html 如何使用jQuery以name属性为目标

所以

我有这个图标，我正在使用，从离子图标。 我想添加一个jquery，当用户单击图标时，它会更改为另一个。 但问题是，它使用属性名来定位图标

<a class="mobile-nav-icon js--nav-icon"><ion-icon name="menu-outline"></ion-icon></a>

我对Web开发非常陌生。

您可以：

if (icon.attr('name') === 'menu-outline'){
    icon.attr('name', 'close-outline');

你可以做：

if (icon.attr('name') === 'menu-outline'){
    icon.attr('name', 'close-outline');

你可以用

if($('.js--nav-icon ion-icon').attr('name') === 'menu-outline') {
 $('.js--nav-icon ion-icon').attr('name', 'close-outline');
}

你可以用

if($('.js--nav-icon ion-icon').attr('name') === 'menu-outline') {
 $('.js--nav-icon ion-icon').attr('name', 'close-outline');
}

---

您可以使用

.attr（attrName，value）

或

.attr（attrName，function）

：

$（'.js--nav图标'）。单击（函数（）{
var-nav=$（'.js--main-nav'）；
var-icon=$（'.js--nav-icon-ion-icon'）；
导航滑动切换（200）；
icon.attr（'name'，icon.attr（'name'）='menu outline'？'close outline'：'menu outline'）；
//删除此…仅用于测试
console.log（图标[0]）；
});

[图标]
您可以使用
.attr（attrName，value）
或
.attr（attrName，function）
：


$（'.js--nav图标'）。单击（函数（）{
var-nav=$（'.js--main-nav'）；
var-icon=$（'.js--nav-icon-ion-icon'）；
导航滑动切换（200）；
icon.attr（'name'，icon.attr（'name'）='menu outline'？'close outline'：'menu outline'）；
//删除此…仅用于测试
console.log（图标[0]）；
});

[图标]
这是否回答了您的问题？这回答了你的问题吗？谢谢我不知道这个函数。可能需要深入了解jQuery才能更好地理解它！谢谢我不知道这个函数。可能需要深入了解jQuery才能更好地理解它！