Home/ Questions/Q 7926211
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T18:40:17+00:00

I cant seem to append to a particular id & class. I want HEllow

  • 0

I cant seem to append to a particular id & class. I want HEllow world to be Appened to only 1st 

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
var id =94;
    $("#'id',.m").append(" <b>Hello world!</b>");
  });
});
</script>
</head>
<body>
<p id="94" class="postitem m" >This is a paragraph.</p>
<p id="94" >This is another paragraph.</p>
<button>Insert content at the end of each p element</button>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Two problems:

    1. id values must be unique on the page. You’re using the same id for two different elements.

    2. Your id values are invalid for CSS. id values for use with CSS must start with a letter. Since jQuery uses CSS selectors for finding elements, I’d strongly recommend using valid ones. (Those IDs are also invalid for HTML4, but HTML5 allows them. Just not CSS.)

    If you correct both of those problems, you’ll be fine. Note that if you have unique ids, you don’t need the “m” class anymore unless you were using it for something else.

    <html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    var id = 'x94';
    $("#" + id).append(" <b>Hello world!</b>");
  });
});
</script>
</head>
<body>
<p id="x94" class="postitem m" >This is a paragraph.</p>
<p id="x95" >This is another paragraph.</p>
<button>Insert content at the end of each p element</button>
</body>
</html>

    Live example | source

    Separately: I strongly recommend adding a doctype to that HTML. Without one, you’re in quirks mode, and jQuery doesn’t support quirks mode (various calculations will be wrong).

    • 0