ホームページ > 記事 > ウェブフロントエンド > jqueryで親ノードの属性を変更する方法
jqueryで親ノードの属性を変更する方法
- 青灯夜游オリジナル
- 2022-05-17 12:53:292291ブラウズ
親ノードの属性を変更する方法: 1.parent() を使用して、指定された要素の親ノード オブジェクトを取得します。構文は "$(指定された要素).parent()"; 2. attr( ) 親ノード オブジェクトを変更します。指定された属性の構文は、「親ノード オブジェクト.attr({"属性名":"値","属性名":"値",...})」です。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。
#親ノードのプロパティを変更する jquery メソッドは、次の 2 つのステップに分割する必要があります:
指定された要素の親ノード オブジェクトを取得します。- 選択した要素の属性を変更します。 #詳細は次のようになります。以下に紹介します。
- 1. parent()
parent() メソッドは、選択された要素の直接の親要素。
$(指定元素).parent(filter)
- 2. attr() メソッドを使用して、親ノード オブジェクトの指定された属性を変更します。 attr() メソッドでは、選択した要素と値の属性。
父节点对象.attr({"属性名":"属性值", "属性名":"属性值",...})例: 親ノードの id 属性を変更する
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.siblings,.siblings *{
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
#border{
border: 2px solid pink;
}
</style>
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("h2").css("border","2px solid red")
$("button").click(function() {
$("h2").parent().attr({"id":"border"})
});
});
</script>
</head>
<body>
<div class="siblings">div (父)
<p>p（兄弟元素）</p>
<span>span（兄弟元素）</span>
<h2>h2（本元素）</h2>
<h3>h3（兄弟元素）</h3>
<p>p（兄弟元素）</p>
</div>
<button>修改父节点的id属性</button>
</body>
</html>
[推奨学習:
jQueryビデオ チュートリアル
Web フロントエンド ビデオ 
以上がjqueryで親ノードの属性を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。