how to retrieve an HTML attribute value in jQuery?

Question

Is it possible to retrieve the value of an HTML in jQuery For example if i have the following html in the front-end <h1 id="<%= course.ownByStudent[i].user._id%>">Hello World!</h1>

I want to retrieve the value of the id which is <%= course.ownByStudent[i].user._id%> in the backend.

How do i accomplish this?

Mosh Feu · Accepted Answer · 2016-07-17T09:05:34.857

1

If I understand you correctly. Let's say that the server response for course.ownByStudent[i].user._id is server_id.

So you can get the h1 element using document.querySelector('h1'), then access to the id attribute as property of the h1 element.

And the result is:

var id = document.querySelector('h1').id;
alert(id);

<h1 id="server_id">Hello World!</h1>

jQuery version:

var id = $('h1')[0].id;
alert(id);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1 id="server_id">Hello World!</h1>

edited Jul 17 '16 at 09:05

answered Jul 17 '16 at 09:02

Mosh Feu

28,354
16
88
135

And with Jquery : $('h1').attr('id'); – Ugo T. Jul 17 '16 at 09:04
@Mosh Feu mind if i ask what the number zero refers to in this line var id = $('h1')[0].id; – Behrouz Riahi Jul 17 '16 at 09:09
@BehrouzRiahi Sure. `$('h1')` returns **jQuery collection**. The `[0]` "pointing" to the first **DOM** element in this collection.You can read [this](http://stackoverflow.com/a/1677910/863110) answer. – Mosh Feu Jul 17 '16 at 09:16
@MoshFeu thanks a lot for the elaboration. Am testing it now :) – Behrouz Riahi Jul 17 '16 at 09:31
@BehrouzRiahi My pleasure :) Let me know if you are OK. – Mosh Feu Jul 17 '16 at 09:42

how to retrieve an HTML attribute value in jQuery?

1 Answers1