CODEWITHSUNDEEP
jquery
Koteswara Rao
Koteswara Rao

Reputation: 1

Get class name from jquery code

Here i have created list using ul tag in jquery code...... I want to get access to those list using class name how can i get it.....

Here is the java script code.... i want to access those list items using class name...... 

var listItem = "<ul class='list-style' id="+"'"+eId+"'"+" ><li class='list-name'>" + employees[id-1].name + "</li><li class='list-phone-email'>" + employees[id-1].email + "</li><li class='list-phone-email'>+91 " + employees[id-1].mobile + "</ul>";

Upvotes: 0

Views: 46

Answers (3)

Akilesh R
Akilesh R

Reputation: 1

Try this !

$(".list-name").each(function(){ alert($(this).text()); });

Upvotes: 0

Rajshekar Reddy
Rajshekar Reddy

Reputation: 18987

i want to access those list items using class name......

 $('ul.list-name');

Get class name from jquery code

 $('ul').attr('class');

To get the contents in the li tags by their class name then

var name = $('li.list-name').text();
var phoneEmail = $('li.list-phone-email').text();

Upvotes: 0

Satpal
Satpal

Reputation: 133403

You can create a jQuery object using jQuery(html \[,ownerDocument\]), then use various methods to target elements.

$(listItem).find('.list-name')


var listItem = "<ul class='list-style'><li class='list-name'>Satpal Singh</li><li class='list-phone-email'>Not Required</li></ul>";
console.log($(listItem).find('.list-name').text())
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Upvotes: 2

Related Questions