Javascript 如何在多个div jQuery/JS中追加文本

说到jQuery/JavaScript，我是个傻瓜，所以我一直在玩弄它。 我在这里扩展代码笔：。 我想做的是将我的“youtube标题”div中的文本附加到我的“播放按钮”div中。然而，明显的问题是，在所有三种情况下，所有三个div中的文本都附加到“播放按钮”div中。我想知道是否可以分别附加每个div的内容？这是我的密码笔：

而不是：

Video1 
man
pig
babe

Video2
man
pig
babe

Video3
man
pig
babe

这就是我想要的：

Video1
man

Video2
pig

Video3
babe


<div class="youtube-container">
  <div class="youtube-player" data-id="b3DRdtSAHrY"></div>
  <div class ="youtube-title"><p>man</p></div>
</div>

<div class="youtube-container">
  <div class="youtube-player" data-id="b3DRdtSAHrY"></div>
  <div class ="youtube-title"><p>pig</p></div>
</div>

<div class="youtube-container">
  <div class="youtube-player" data-id="b3DRdtSAHrY"></div>
  <div class ="youtube-title"><p>babe</p></div>
</div>

Video1
男人
视频2
猪
视频3
宝贝
人

猪

宝贝

//JS/jQuery

(function() {
    var v = document.getElementsByClassName("youtube-player");
    for (var n = 0; n < v.length; n++) {
        var p = document.createElement("div");
        p.innerHTML = labnolThumb(v[n].dataset.id);
        p.onclick = labnolIframe;
        v[n].appendChild(p);
    }
})();
function labnolIframe() {
    var iframe = document.createElement("iframe");
    iframe.setAttribute("src", "//www.youtube.com/embed/" + this.parentNode.dataset.id + "?autoplay=1&autohide=0&border=0&wmode=opaque&enablejsapi=1&controls=2");
    iframe.setAttribute("frameborder", "0");
    iframe.setAttribute("id", "youtube-iframe");
    this.parentNode.replaceChild(iframe, this);
}
function labnolThumb(id) {
    return '<img class="youtube-thumb" src="//i.ytimg.com/vi/' + id + '/hqdefault.jpg"><div class="play-button"></div>';
}
$(".youtube-title")
    .appendTo(".play-button");

（函数（）{
var v=document.getElementsByClassName（“youtube播放器”）；
对于（变量n=0；n

---

感谢您的帮助。

看起来很简单，但是您应该做一些更改，因为html看起来不太好

您有三个相同的HTML片段，因此如果您想将不同的内容粘贴到它们，请使它们不同。例如，向容器添加第二个类

<div class="youtube-container otherclass">
  <div class="youtube-player" data-id="b3DRdtSAHrY"></div>
  <div class ="youtube-title"><p>man</p></div>
</div>

---

我不会给你完整的编码解决方案，但我想你会明白的。希望有帮助。

正是我需要的方向。非常感谢。

function pasteText($selector) {
  //Selector must be a valid jQuery selector.
  $selector
     .appendTo(".play-button");
}

//And then you call it for every div you need, with the right selector
//pasteText($(".youtube-container.otherclass"))