我具有以下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'属性”。
任何想法都将不胜感激!
问候,
和风
jQuery选择器可以简化一些:
$('.item[data-url-id=intro] > .title-wrapper').after('<div>Inserted Element</div>');
这是一个工作的jsfiddle:http : //jsfiddle.net/2ys5j0ac/
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句