Is it possible, using jQuery, to find out the type of an element with jQuery? For example, is the element a div, span, select, or input?
For example, if I am trying to load values into a drop-down list with jQuery, but the same script can generate code into a set of radio buttons, could I create something like:
$('.trigger').live('click', function () {
var elementType = $(this).prev().attr(WHAT IS IT);
});
Given a drop-down list with a button next to it with the trigger class, my elementType variable should return select upon the button being pressed.
Getting the element type the jQuery way:
var elementType = $(this).prev().prop('nodeName');
doing the same without jQuery
var elementType = this.previousSibling.nodeName;
Checking for specific element type:
var is_element_input = $(this).prev().is("input"); //true or false
also you can use:
$("#elementId").get(0).tagName
you should use tagName property and attr('type') for inputs
As Distdev alluded to, you still need to differentiate the input type. That is to say,
$(this).prev().prop('tagName');
will tell you input, but that doesn't differentiate between checkbox/text/radio. If it's an input, you can then use
$('#elementId').attr('type');
to tell you checkbox/text/radio, so you know what kind of control it is.
you can use .is():
$( "ul" ).click(function( event ) {
var target = $( event.target );
if ( target.is( "li" ) ) {
target.css( "background-color", "red" );
}
});
see source
Use Nodename over tagName :
nodeName contains all functionalities of tagName, plus a few more. Therefore nodeName is always the better choice.
see DOM Core
Follow WeChat
Success story sharing
Want to stay one step ahead of the latest teleworks?
Subscribe Now相似问题
- Is there an "exists" function for jQuery?
- How can I upload files asynchronously with jQuery?
- How do I check if an element is hidden in jQuery?
- Get current URL with jQuery?
- Setting "checked" for a checkbox with jQuery
- How can I select an element with multiple classes in jQuery?
- How can I refresh a page with jQuery?
- Scroll to an element with jQuery
nodeNamedoes support more types of elements, and supporting IE5.5 shouldn't be an issue any more, so I see no issues with changingtagNametonodeNamein the above answer. Both will work just fine for elements, and the latter will work on textnodes, attributes etc. as well.$(this).is("input");prev()call. The rest of the answer is applicable to any other circumstance where one might need to know the type of tag or check the tagname etc.