javascript - 如何在不重复的情况下在一个页面上附加或添加要多次使用的 div 文本？

Question

我希望将“文本完成”移动到 h3.title 部分。当我使用以下 Jscript 时，“文本完成”移动到 div.caption 的开头。此元素在页面上重复多次，并且需要特定于最接近的匹配项。

<div class="caption">...
<div class="date">...</div>
<h3 class="title">"text complete" should go here</h3>
<div class="taglist">...</div>
<div class="description"><h3>"text complete"</h3></div>

$('.description h3').each(function () {
$(this).prependTo($(this).closest('.caption'));

*在 Jscript 说“.caption”的地方，我尝试添加“h3.title”，但它不起作用。

Answer 1

如果我理解你的问题没有错，试试这个

$('.description h3').each(function () {
$(this).prependTo($(this).closest('.caption').find(".title"));

description如果是标题的一部分，此代码将起作用。你的标记不清楚

如果它不是标题的一部分，那么试试这个

$('.description h3').each(function () {
    $(this).prependTo($(this).closest('.description').siblings(".title"));

Answer 2

它非常不清楚这里需要什么，但从你的问题来看，我认为这可能会有所帮助。在这种情况下，代码非常简单

 $('.description').each(function () {
    $(this).siblings(".title").prepend($(this).find("h3").text());
});

这是一个小提琴：http: //jsfiddle.net/XH8Sk/5/