siblings() Ruft die Geschwister jedes Elements im passenden Satz ab. Das Filtern nach Selektor ist optional.
jQuerys Traversal-Methode siblings()
$("给定元素").siblings(".selected")
Seine Funktion besteht darin, die gegebenen Geschwisterelemente zu filtern (mit Ausnahme des gegebenen Elements selbst)
Beispiel: Webseiten-Optionsleiste
Wenn Sie auf eine beliebige Registerkarte klicken, ändern die anderen beiden Registerkarten ihren Stil und ihr Inhalt wird ausgeblendet.
Das Folgende ist der HTML-Code.
<body> <ul id="menu"> <li class="tabFocus">家居</li> <li>电器</li> <li>二手</li> </ul> <ul id="content"> <li class="conFocus">我是家居的内容</li> <li>欢迎您来到电器城</li> <li>二手市场,产品丰富多彩</li> </ul> </body>
jQuery-Code
<script type="text/javascript"> $(function() { $("#menu li").each(function(index) { //带参数遍历各个选项卡 $(this).click(function() { //注册每个选卡的单击事件 $("#menu li.tabFocus").removeClass("tabFocus"); //移除已选中的样式 $(this).addClass("tabFocus"); //增加当前选中项的样式 //显示选项卡对应的内容并隐藏未被选中的内容 $("#content li:eq(" + index + ")").show() .siblings().hide();//#menu与#content在html层没有嵌套关联,但因为其ul序列相同,用index值可以巧妙的将两者关联。 }); }); }) </script>
Welches
Wenn auf die entsprechende Registerkarte geklickt wird, wird der Inhalt der angeklickten Registerkarte angezeigt (show()). Die anderen beiden Geschwisterelemente
Auf diese Weise kann der Inhalt des angeklickten Bereichs dynamisch angezeigt werden, während die anderen beiden Registerkarten ausgeblendet werden können.
und
$("给定元素").siblings(".selected")
bedeutet, die Geschwisterelemente der angegebenen Elementklasse mit dem Namen .selected zu filtern (mit Ausnahme des angegebenen Elements selbst)
Der obige Inhalt ist eine detaillierte Erklärung der Verwendungsbeispiele von jQuery siblings(). Ich hoffe, dass er für alle hilfreich ist!