Add div Element with class using javascript or jQuery

Question

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

I want to add another div like "ep" div in span with class "dub" with javascript or Jquery

good . go for it. who stops you? – Anant Kumar Singh Mar 20 '18 at 20:05 — Anant Kumar Singh, Mar 20 '18 at 20:05

score 2 · Answer 1 · answered Mar 20 '18 at 20:21

I think you can easily find the answer by search it on internet .

There are many ways to do this. But I do it with the easiest way. Give your span a id because changes we done to the class will affect all it’s members. So I give ep_bar as id.

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

Then import jquery. After that,

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

Or else find another way/s here or here

score 0 · Answer 2 · answered Mar 20 '18 at 20:31

0

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

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

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

And then append your span wherever you need

answered Mar 20 '18 at 20:31

Ariel Haim

86
6

score -2 · Accepted Answer · edited Mar 20 '18 at 20:43

-2

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

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

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

edited Mar 20 '18 at 20:43

Anant Kumar Singh

68,309
10
50
94

answered Mar 20 '18 at 20:06

David

929
1
12
18

tnx, but in the div i want to add text like the example Ep 12 – Chams Agouni Mar 20 '18 at 20:11
@ChamsAgouni Then you would add `newDiv.textContent = 'Ep 12'` – David Mar 20 '18 at 20:13
@ChamsAgouni If that worked for you I'd appreciate it if you'd accept my answer. – David Mar 20 '18 at 20:35
it worked but i got a new problem – Chams Agouni Mar 20 '18 at 20:49

Add div Element with class using javascript or jQuery

3 Answers3