2

子供に「グループ」という単語が含まれている場合、親に何かを追加したいと思います。条件付きに設定するにはどうすればよいですか？

$("#breadcrumbs ul li:nth-child(4):contains('Group')").css("display","block");
$("#breadcrumbs").prepend("<p>relevant note about Groups</p>");

にとって

<nav id="breadcrumbs" role="navigation">
<ul>
<li>Home</li>
<li>Section</li>
<li>People</li>
<li>Group 1</li>
</ul>
</nav>

フィドル

4

4 に答える 4

4

これはあなたが探しているものですか：http：//jsfiddle.net/NLfmU/1/ または http://jsfiddle.net/anWRa/

.parentapiを使用して現在の子の親の前に追加

それがニーズに合うことを願っています、:)私が何かを逃したかどうかを知ってください！

http://jsfiddle.net/NLfmU/

コード

$("#breadcrumbs ul li:nth-child(4):contains('Group')").css("display","block").parent().prepend("<p>relevant note about Groups</p>");
​
于 2012-09-02T22:21:50.457 に答える
4

これを試して：

var $elem = $("#breadcrumbs ul li:contains('Group')");
if ($elem.length) {
    $elem.css('display', 'block').parent().prepend("<p>relevant note about Groups</p>")
}

http://jsfiddle.net/FqzGs/5/

于 2012-09-02T22:23:17.033 に答える
4

別のアプローチを使用することをお勧めします。

$('ul li:eq(3):contains("group")').closest('nav')
    .css('display','block')
    .prepend('<p>relevant note about Groups</p>');

これは明示的に条件付きではありませんが、li何かを行うには、「グループ」という単語を含む存在が必要です。

于 2012-09-02T22:24:25.357 に答える
2

あなたはとても近かった！appendの代わりに、あなたが求めているものですprepend。

Prependは、選択の前に情報を配置し、appendその直後に情報を配置します。

すべてのリストの前ではなく、要件に合ったものの直後に配置したいと思いますか？もしそうなら、jsfiddleをチェックしてください:)。

私はあなたのためにそれを行う方法を示すjsfiddleを作成しました。

コード

$("#breadcrumbs ul li:nth-child(4):contains('Group')").css("display","block")
   .append("<p>relevant note about Groups</p>");

</ p>

于 2012-09-02T22:22:02.017 に答える