2014-01-22 56 views
0

http://jsbin.com/AKuHuju/1/edit顯示元素與類名

我不知道是否有可能在一個onclick事件來獲取元素的名稱。
我不是在談論類或id名稱。例如,我直接說的是元素名稱,如div

這可能嗎?如果是這樣怎麼辦?

$(document).ready(function() { 
    $('.elm-name').click(function() { 
    $('.container *').on('mousedown touchstart', function() { 
     $('.findclassname').val($(this)); 
    }); 
    }); 

    $('.elm-classname').click(function() { 
    $('.container *').on('mousedown touchstart', function() { 
     $('.findclassname').val($(this).attr('class')); 
    }); 
    }); 
}); 
+2

['this.tagName'](https://developer.mozilla.org/en-US/docs/Web/API/Element.tagName)給你一個元素的標籤名稱。 – undefined

+0

'this.tagName'和'this.className' –

回答

1

在你的第二個點擊事件變化:

$('.findclassname').val($(this).attr('class')); 

$('.findclassname').val(this.nodeName); 

獲取該元素的名稱。

jsFiddle example

+0

根據此(http://aleembawany.com/2009/02/11/tagname-vs-nodename/)文章nodeName比tagName具有更廣泛的支持。感謝大家的幫助。 –

1

您可以使用prop()獲得tagName這裏:

$(this).prop("tagName") 

Demo

或只是this.tagName是罰款爲好。

0
$('.elm-name').click(function() { 
    console.log(this.tagName)// This whould give you the tag name. 
});