JavaScript/jQuery - grabbing an integer from an element's id

Question

From the following markup.

    Somewhere
    Somewher         


        

                      

              相关标签:
       
      

Answer 1

I usually do something like this:

$("#my-div a").click(function(){
    var match;
    if (match = $(this).attr('id').match(/link-(\d+)/)) {
      var number = parseInt(match[1],10);
      alert(number);
    }
});

Answer 2

This should be the simplest way:

var id = this.id.replace(/[^\d]/g,'')*1;

It returns any digits from the ID attribute as a number (*1 does the conversion, similar to parseInt). In your example:

$("#my-div a").click(function(){
    var n = this.id.replace(/[^\d]/g,'')*1;
    alert(n);  // alerts any number in the ID attribute
    alert(typeof n) // alerts 'number' (not 'string')
});

Answer 3

$(this).attr('id').replace('link-','')

Answer 4

$(this).attr('id').split('-')[1];

Answer 5

var id = $(this).attr('id'),
    regex = /(\d+)/,
    matched = id.match( regex );

if ( matched ) {
    alert( matched[1] )
}

Answer 6

You can use a regular expression to parse out the number:

var match = /link-(\d+)/.exec($(this).attr('id'));
var num = match[1];