jQuery to check if ID value has a number

Question

Is there a way in jQuery to check if an ID value (Ex. id="number1") contains a number?

The idea would be:

if (ID has a number which will come from a variable) then do something.

this is what I came up with so far but it only works with the first div:

    $("#tabsstyle li a").bind("click", function () {
        var numSlide = $(this).attr("rel");
        if ($('#slidesContainer div').attr('id').match(numSlide) ) {
        $('#slidesContainer div').fadeIn();
}

numSlide will store a number coming from one of the 'a' clicked and check that number will be included in the id value of '#slidesContainer div', once that checked then the right div will fadeIn.

HTML structure below:

<div id="slidesContainer">
  <div id="n1" class="slide">
    <h2>Web Development Tutorial</h2>
    <p><button class="test">N1</button></p>

  </div>
  <div id="n2" class="slide">
    <h2>Grunge Brushes, Anyone?</h2>
    <p><button class="test">N2</button></p>

  </div>
  <div id="n3" class="slide">
    <h2>How About Some Awesome Grunge Textures?</h2>
   <p><button class="test">N3</button></p>
  </div>
  <div id="n4" class="slide">
    <h2>'Tis the End, My Friend.</h2>
    <p><button class="test">N4</button></p>
  </div>



</div>

No, but some basic JavaScript functions will do it.

Felix Kling
– Felix Kling

2012-06-25 12:35:25 +00:00
Commented Jun 25, 2012 at 12:35 — Felix Kling
– Felix Kling, Commented Jun 25, 2012 at 12:35
HERE

Alex Ball
– Alex Ball

2012-06-25 12:36:36 +00:00
Commented Jun 25, 2012 at 12:36 — Alex Ball
– Alex Ball, Commented Jun 25, 2012 at 12:36

thecodeparadox · Accepted Answer · 2012-06-25 12:45:59Z

4

var id = $('#element').attr('id'); // #element will replace 
                                   // with your desired selector



id.match(/[0-9]/g)

Checking

if( id.match(/[0-9]/g) ) {
  // do something
}

edited Jun 25, 2012 at 12:45

answered Jun 25, 2012 at 12:35

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

thmsn · Accepted Answer · 2012-06-25 12:40:22Z

0

You can take a look at the following jquery plugin https://github.com/jquery/globalize

That handles "numbers" a number can be an integer or a decimal, and a decimal number has different representations based on the culture :)

answered Jun 25, 2012 at 12:40

thmsn

1,9961 gold badge18 silver badges25 bronze badges

Comments

KoU_warch · Accepted Answer · 2012-06-25 12:42:11Z

0

You can use javascript to build a function with test and a regular expression to check if a string contains a number.

 function hasNumber(t){
     //regular expression: /\d/g
     return /\d/g.test(t);
 }

And then use jQuery to check the value of the attribute id

 alert (hasNumber($('#checkMe').attr('id')))

answered Jun 25, 2012 at 12:42

KoU_warch

2,1501 gold badge25 silver badges46 bronze badges

Collectives™ on Stack Overflow

jQuery to check if ID value has a number

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related