jQuery - Check which this element is?

Question

Possible Duplicate:
Can jQuery provide the tag name?

My code:

    $('#tab-menu a,#tab-menu li').click(function(event) {
    event.preventDefault();
});

I need it so that I can execute different code depending on what was clicked so for example

if(element == "li")
//do something
else
//do something else

How would I go about achieving this?

Travesty3 · Answer 1 · 2012-09-27T18:40:54.523

4

Use .is():

$('#tab-menu a,#tab-menu li').click(function(event) {
    event.preventDefault();

    if ($(this).is("li"))
        // do something
    else
        // do something else
});

edited Sep 27 '12 at 18:40

answered Sep 27 '12 at 18:32

Travesty3

14,351
6
61
98

score 3 · Answer 2 · answered Sep 27 '12 at 18:33

3

$('#tab-menu a,#tab-menu li').click(function(e) {
   if($(e.currentTarget).is('li')
     ...do stuff here
});

answered Sep 27 '12 at 18:33

supernova

3,814
3
22
37

1

Why `currentTarget` and not `this`? – epascarello Sep 27 '12 at 18:36

Phillip Schmidt · Answer 3 · 2012-09-27T18:48:50.030

3

Something like this:

if(this.tagName == "LI")  //note the uppercase

Edit: oh yeah, or you can use is(). But don't give me credit for that if that's what you use.

edited Sep 27 '12 at 18:48

answered Sep 27 '12 at 18:33

Phillip Schmidt

8,805
3
43
67

`tagName` is a property of the native DOM element, not a jQuery object. – James Allardice Sep 27 '12 at 18:34
@JamesAllardice whoops. Been a while. Thanks. – Phillip Schmidt Sep 27 '12 at 18:35
No problem. +1 for the **most efficient answer**! No need to call jQuery again when you can just access a native property. – James Allardice Sep 27 '12 at 18:35
1

`tagName` usually returns an uppercase string. – Felix Kling Sep 27 '12 at 18:39
@Travesty3 thought about that, but as I don't know the spec I can't guarantee that `tagName` will always be all upper. I think the toLower is ok, it's obviously gonna be negligible. – Phillip Schmidt Sep 27 '12 at 18:46
@PhillipSchmidt - It will always be uppercase. "For HTML, the tagName parameter may be provided in any case, but it must be mapped to the canonical uppercase form by the DOM implementation." - http://www.w3.org/TR/DOM-Level-2-Core/core.html – James Allardice Sep 27 '12 at 18:47

jQuery - Check which this element is?

3 Answers3