jQuery子类选择器

西风·梅斯(Zephyr Mays)

我具有以下html结构,并希望div在指定的位置插入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,因此必须按类进行标识。

我以为上面的意思是“在div'title-wrapper'类的a后面插入一个元素,该元素div'item'类的一个孩子,并且其值是'intro'的'data-url-id'属性”

任何想法都将不胜感激!

问候,

和风

康纳·西蒙斯(Connor Simmons)

jQuery选择器可以简化一些:

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

这是一个工作的jsfiddle:http : //jsfiddle.net/2ys5j0ac/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章