Forum | Appery.io

Hi,

I am able to iterate over a list and add a class to each Item using:

$('ul li').each(function(index){

$(this) 
     .addClass('selected-list'); 

});

But what I want to do is selectively add the class when a value in a hidden label in the list matches a given criteria. Something like the poor example below. Can I do this?

$('ul li').each(function(index){
if(my label).text = my criteria) {
$(this)
.addClass('selected-list');
}
});

Regards,
Joe

Yes, that's the right approach.

Hi Max, can you give me a pointer towards the correct syntax to obtain the value from the label. How do I point to the correct label if I use:

$('ul li').each(function(index){
var read = $('readlbl').text();
console.log(read);
$(this)
.addClass('selected-list');
});

I don't get a value back.

Hello!

codevar read = Tiggzi("readlbl").text();/code

This should also help http://docs.tiggzi.com/javascript-api/

Hi Marina, Sorry I had tried that approach without success I get 'Label' returned and not the value held in the label.

Looks like you map to Label in Listitem. You would need to check all results - use next code:

code$('ul li').each(function(index){
var read = $("[name=readlbl]", this).eq(0).text();
........
});/code

Thanks Marina, That is exactly what I was looking for I suspected that you might have to qualify the reference to the current label but my javascript knowledge is not yet strong enough.

There is no need to qualify anything. There is a search by name (name=readlbl) inside li and the result is the first found (eq(0))