jQuery click both event.target and additional selector

Question

Trying to have jQuery access both the event.target and another element on click but receive the error:

Error: Syntax error, unrecognized expression: [object HTMLButtonElement],#element2

Selector code:

$(event.target+",#element2").closest("div").removeClass("alert-info").addClass("alert-success");

Any suggestions what I am doing wrong appreciated.

Please include a minimal reproducible example to the question. — 0stone0
– 0stone0, Commented Nov 27, 2023 at 17:10

David · Accepted Answer · 2023-11-27 17:16:02Z

3

event.target isn't a selector string, it's an element. You can wrap any element in a jQuery object:

$(event.target)

So you could perform your logic on both the element and the selector:

$(event.target).closest("div").removeClass("alert-info").addClass("alert-success");
$("#element2").closest("div").removeClass("alert-info").addClass("alert-success");

Or, two reduce a little repetition, you can use .add() to combine jQuery objects into a set of objects:

$(event.target).add("#element2").closest("div").removeClass("alert-info").addClass("alert-success");

answered Nov 27, 2023 at 17:16

David

221k42 gold badges245 silver badges337 bronze badges

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

1 Comment

fdomn-m Over a year ago

Three, move your code to a jquery extension $.fn.alertSuccess = function(..., then $(event.target).alertSuccess();$("#element2").alertSuccess(); - optionally combine with option 2 above. See learn.jquery.com/plugins/basic-plugin-creation

Collectives™ on Stack Overflow

jQuery click both event.target and additional selector

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related