使用javascript或jQuery为class添加div元素

Question

<div class="status">
  <span class="bar"></span>
    <div class="ep">Ep 12</div>
</div>

我想添加另一个像＆＃34; ep＆＃34; div in the class＆＃34; dub＆＃34;使用javascript或Jquery

Answer 1

我认为您可以通过在互联网上搜索来轻松找到答案。

有很多方法可以做到这一点。但我用最简单的方式做到了。 给你的跨度一个id，因为我们对这个类的改变会影响它的所有成员。 所以我将ep_bar作为id。

<div class="status">
  <span class="bar" id=”ep_bar”></span>
    <div class="ep">Ep 12</div>
</div>

然后导入jquery。 之后，

Var div1 = '<div class="ep">Ep 13</div>'
$(“#ep_bar”).append(div1);

或者找到另一种方式/ here或here

Answer 2

<code>
var $div = $("<div />");
$div.addClass("ep").html("Ep 12");

var $span = $("<span />");
$span.addClass("dub");

$div.appendTo($span);
</code>

然后将你的跨度追加到你需要的地方

Answer 3

var newDiv = document.createElement('div');

newDiv.classList.add('class-name');

document.getElementsByClassName('bar')[0].append(newDiv);