jQuery如何知道数据属性上是否存在值？

Question

I have a html div like this.

<div id="myDiv" data-numbers="1 4 5 3 9 88 57 "></div>

Here on data-numbers attribute of div there are random numbers separated with white space.
Now i want to find a value exists on data-number or not using jQuery .
For example 1 should return true,
2 should false because 2 is not in data-numbers,
4 should return true and 7 should return false.

Please help me on finding its solution.


Thanks in advance.

Answer 1

This will work for you

var numbers = $('#myDiv').data('numbers').split(' ');

function contains(number){
    return numbers.indexOf(number.toString()) > -1;
}

alert(contains(1));  //true
alert(contains(2));  //false
alert(contains(7));  //false
alert(contains(57)); //true

DEMO

Answer 2

Something like this?

function checkIfNumberExists($el, number){
    var numbers = $el.data('numbers').split(' ');
    return !!~ numbers.indexOf(number.toString());
}

console.log(checkIfNumberExists($('#myDiv'), 1)); // true
console.log(checkIfNumberExists($('#myDiv'), 2)); // false

http://jsfiddle.net/re5434ck/

Answer 3

EDIT- This should do it-

$(document).ready(function(){

var all=$("#myDiv").attr('data-numbers');
console.dir(all);
var mm= all.toString();

var kk= mm.split(' ');

$.each(kk,function(key, val){
if(val == '2'){
console.log('2 is found');
}
})

})