jquery - selecting by css class

Question

new to web.

I am trying to know if user has clicked on div with css a certain class

my class html element is as follows

<div class="icon arrowIcon arrowLight tagIcon"></div>

my event target value is

$(event.target): jQuery.fn.init[1]
   0: div.icon arrowIcon arrowLight tagIcon

and the function

($(event.target).find('.tagIcon').length > 0)

returns false.

Any idea?

fmsf · Accepted Answer · 2013-05-05 12:13:47Z

6

find searches the children. You should check if your element has the class you want:

$(event.target).hasClass("tagIcon")

answered May 5, 2013 at 12:13

fmsf

37.2k49 gold badges155 silver badges196 bronze badges

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

Comments

Adrift · Accepted Answer · 2013-05-05 12:14:37Z

3

find() finds matching element(s) inside the element it is called on. It does not matter if the element itself matches the selector.

Change your check to:

($(event.target).is('.tagIcon'))

Adrift

60k12 gold badges98 silver badges92 bronze badges

answered May 5, 2013 at 12:13

techfoobar

66.8k14 gold badges117 silver badges138 bronze badges