jquery怎么删除兄弟级元素的属性

WBOY
Freigeben: 2022-06-01 18:46:26
Original
1566 人浏览过

方法:1、利用siblings()方法返回指定元素的所有兄弟元素,语法为“元素对象.siblings()”;2、利用removeAttr()方法去除兄弟元素的属性即可,语法为“兄弟元素对象.removeAttr(属性)”。

jquery怎么删除兄弟级元素的属性

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery怎么删除兄弟级元素的属性

1、获取兄弟元素

siblings() 方法返回被选元素的所有同级元素。

同级元素是共享相同父元素的元素。

DOM 树:该方法沿着 DOM 元素的同级元素向前和向后遍历。

提示:请使用 prev() 或 next() 方法来缩小仅仅搜索前一个同级元素或后一个同级元素的范围。

语法

$(selector).siblings(filter)
Nach dem Login kopieren

2、删除兄弟元素属性

removeAttr() 方法从被选元素移除一个或多个属性。

语法

$(selector).removeAttr(attribute)
Nach dem Login kopieren

参数 描述

attribute 必需。规定要移除的一个或多个属性。如需移除若干个属性,请使用空格分隔属性名称。

示例如下:





123




    ul (父节点)
  • li (类名为"star"的上一个兄弟节点)
  • li (类名为"star"的上一个兄弟节点)
  • li (兄弟节点)
  • li (类名为"star"的下一个兄弟节点)
  • li (类名为"star"的下一个兄弟节点)

在这个例子中,我们选择类名称为“star”的li元素的所有兄弟元素。

Nach dem Login kopieren

不添加jquery语句输出结果:

16.png

添加jquery语句后输出结果:

17.png

相关视频教程推荐:jQuery视频教程

以上是jquery怎么删除兄弟级元素的属性的详细内容。更多信息请关注PHP中文网其他相关文章!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!