Question

我有多个内置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");

Answer 1

使用：

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

<强> jsFiddle example

jQuery追加多个Elements

1 个答案: