How to add value to html() with jQuery?

Question

What am I doing wrong that this jQuery isn't doing anything?

<head>
    <title></title>
    <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
</head>

In body

<p id="somediv"></p>
<script>
var arr = ["1", "2", "3", "4"];
$(document).ready(function(){
$("somediv").html("before loop");
$.each(arr, function(index, value) {
       $("somediv").html(value);
   });
});
</script>

urnotsam · Accepted Answer · 2015-07-02 14:23:38Z

1

$("#somediv").html(value);

You are missing the # in front of your ID selector

answered Jul 2, 2015 at 14:23

urnotsam

7807 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Milind Anantwar · Accepted Answer · 2015-07-02 14:23:02Z

1

You are missing id selector # in all cases:

$("#somediv").html(value);

answered Jul 2, 2015 at 14:23

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Comments

Sudharsan S · Accepted Answer · 2015-07-02 14:23:13Z

1

You missed # prefix in all in your code. if you put .html() means it display last value only visible in your case use append

$("#somediv").append(value);

answered Jul 2, 2015 at 14:23

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

Collectives™ on Stack Overflow

How to add value to html() with jQuery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related