简体   繁体   中英

Combine two selectors with one jQuery object

I have two divs with id's: #addNew_tab and #sendCom_tab .
I'd like clicking on either of these to trigger the same jQuery click() function.

I was thinking something like:

$("#addNew_tab", "#sendCom_tab").click(function(){
      //do stuff
});

but that doesn't work.

$("#addNew_tab, #sendCom_tab").click(function(){
      //do stuff
});

Changed from:

$("#addNew_tab", "#sendCom_tab")

To:

$("#addNew_tab, #sendCom_tab")

comma inside the selector( "a, b") means the first plus the second; Just like with CSS selectors
(Well, it's a CSS selector...)

jQuery(selector)

Description: Accepts a string containing a CSS selector which is then used to match a set of elements.

It's equal to:

$("#addNew_tab").add("#sendCom_tab")...
function doStuff() {
    // do stuff
}

$("#addNew_tab").click(doStuff);
$("#sendCom_tab").click(doStuff);

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM