0

div私は次のhtml構造を持っており、起訴された場所にjQueryを使用して挿入したいと考えています。

<div class="item" data-url-id="intro">
    <div class="title-wrapper">      
        ...
    </div>
    <!-- want to insert the element here -->
    <div class="content-wrapper">
        ...
    </div>
</div>

私はこのコードを使用しています：

$( "div[class='item'][data-url-id='intro'] > div[class='title-wrapper']" ).after( "<div class='...'>...</div>");

基本的に、「内部」にdivは ID がないため、クラスによって識別される必要があります。

上記は、「クラス 'item' の子であり、値が 'intro' である 'data-url-id' の属性の子であるクラス 'title-wrapper' の後に要素を挿入する」divdivことを意味すると思いました。

どんな考えでも大歓迎です！

よろしく、

ゼファー

4

3 に答える 3

1

jquery セレクターは少し単純化できます。

$('.item[data-url-id=intro] > .title-wrapper').after('<div>Inserted Element</div>');

ここに動作するjsfiddleがあります： http://jsfiddle.net/2ys5j0ac/

于 2014-08-17T17:35:06.683 に答える
1

after 関数の使用は正しいですが、それほど多くのセレクターを指定する必要はありません。ドット「.」も使用できます。クラスセレクタとしての演算子。あなたの場合、それは次のようになります：

$(".title-wrapper").after( "<div class='...'>...</div>");

ただし、div を挿入したくないクラスtitle-wrapperを持つ別の div が予想される場合は、それを次のように記述できます。

$(".item > .title-wrapper").after( "<div class='...'>...</div>");
于 2014-08-17T17:37:01.413 に答える