I have a list kind of like below:
<p class='info' data-info='1'>Info 1 <span class='status'></span></p>
<p class='info' data-info='2'>Info 2 <span class='status'></span></p>
<p class='info' data-info='3'>Info 3 <span class='status'></span></p>......etc
What I need to do is run through all the .info elements and if the data-info number is included in an myArray change the span text. How, in jQuery do I match a value from inside an array ?
$('.info').each(function() {
$this = $(this);
if ($.inArray($this.data('info'), myArray) !== -1) {
$this.children('.status').text('New text value');
}
});
Do you need to do something like this:
$(".info").each(function() {
if($(this).data('info').val() == <INSERT NUMBER TO MATCH>)
{
//Do some code here
//example
$(this).find("span").text("Some text here")
}
});
.attr("data-info") can be replaced by .data('info')
$("span").text() will replace the text of all span elements
Like the below you can get the data-info value of each 'p' after that you can check this value is present in your array
<p class='info' data-info='1'>Info 1 <span class='status'></span></p>
<p class='info' data-info='2'>Info 2 <span class='status'></span></p>
<p class='info' data-info='3'>Info 3 <span class='status'></span></p>......etc
var info = []
$('p').each(function(){
info.push($(this).attr('data-info'));
});
alert(info)
Instead of looping through .info elements, how about looping through the myArray.
for (var i = 0; i < myArray.length; i++) {
$("p[data-info=" + myArray[i] + "] .status").html("Your text");
}
var valueToFind = ['3', '0', '1'];
$('.info').each(function(){
var infoData = $(this).data('info');
for(i=0;i<valueToFind.length;i++){
if(valueToFind[i]==infoData){
$(this).find('.status').html('found');
}
}
});
will do the magic.
here is a live fiddle example http://jsfiddle.net/mayooresan/fw94c/
Here you go
Live example http://jsfiddle.net/mithun/5Ryu5/3/
var infoSpecialArray = [2, 3, 4, 5];
$("p.info").each(function() {
if($.inArray(parseInt($(this).data('info'), 10), infoSpecialArray) != -1) {
$(this).find('span.status').html('special')
}
});
.infoelements and using theinArray()method to match the data attribute to the array content however I am not sure if usingeach()is the best practice.foriteration. But that's what.each()is there for.$('.info').each(function(){var element_to_match=$(this).data('info'); if($.inArray(element_to_match, myArray, 0)){//do the rest here....});- not tested this as yet and not used$.inArraybefore.