jQuery追加多个Elements

时间:2014-08-19 16:55:37

标签: jquery

我有多个内置H1标签的Div。像这样:

     <div id="home">
<div class="link-container">
        <h1>headline</h1> 
        <div class="image-inner">
            <img src="img.jpg" width="300" height="380" alt="">
        </div>
        <p>Evel et rest, volesequos quo venditem labore cone&nbsp;repelia voluptatat reidertum.</p>
        <div class="content-inner"></div>
    </div>
        <div class="link-container">
        <h1>headline</h1> 
        <div class="image-inner">
            <img src="img.jpg" width="300" height="380" alt="">
        </div>
        <p>Evel et rest, volesequos quo venditem labore cone&nbsp;repelia voluptatat reidertum.</p>
        <div class="content-inner"></div>
    </div>
</div>

问题是,我想在内容Div内部使用H1-Tag。但是怎么样? 使用此代码,我在第一个Div中拥有所有H1标签。

$("#home h1").appendTo(".content-inner");

1 个答案:

答案 0 :(得分:2)

使用:

$('#home div.link-container').each(function () {
    $(this).find('h1').appendTo($(this).find('div.content-inner'))
})

<强> jsFiddle example