Multiple variables in jQuery .click

Question

I'm still new to jQuery and I ran into a small snag. How come the .click function won't work like this:

var $rowStartDate = $("span[id^=rowStartDate]");
var $rowEndDate = $("span[id^=rowEndDate]");

$($rowStartDate, $rowEndDate).click(function() { 
//Notice the variables in this selector

However, it works when I move the elements out of their variables:

$("span[id^=rowStartDate], span[id^=rowEndDate]").click(function() {

VisioN · Accepted Answer · 2012-09-04 21:02:39Z

5

Second argument of $() is context. So you can use add() instead:

$rowStartDate.add($rowEndDate).click(function() { ... });

answered Sep 4, 2012 at 21:02

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

Comments

scrappedcola · Accepted Answer · 2012-09-04 21:09:02Z

0

The two are very much different. You need to look at the definition of the jQuery() function. When you say $("span[id^=rowStartDate], span[id^=rowEndDate]").click(function() { you are passing a string to the jQuery() function that then acts upon that string. When you say $($rowStartDate, $rowEndDate).click(function() { you are passing 2 parameters to the function which expects:

jQuery( selector [, context] )
jQuery( element )
jQuery( object )
jQuery( elementArray )
jQuery( jQuery object )
jQuery()

answered Sep 4, 2012 at 21:09

scrappedcola

10.6k1 gold badge36 silver badges48 bronze badges

Comments

Ahmet Can Güven · Accepted Answer · 2012-09-04 21:12:08Z

0

Also you can use class for this.

Here is the Html

<span class='rowdate' id='rowStartDate'></span>
<span class='rowdate' id='rowEndDate'></span>

Here is the javascript

$('.rowdate').click(function(){
   //Maybe you want to know which span is clicked?
   if($(this).attr("id")=="rowStartDate"){
        //rowStartDate clicked function starts here
   }else{
        //rowEndDate clicked function starts here
   }
})

answered Sep 4, 2012 at 21:12

Ahmet Can Güven

5,4524 gold badges43 silver badges61 bronze badges

Collectives™ on Stack Overflow

Multiple variables in jQuery .click

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related