使用jQuery获取元素类型

使用jQuery，是否有可能使用jQuery找出元素的类型？例如，元素是div，span，select还是input？

例如，如果我尝试使用jQuery将值加载到下拉列表中，但是同一脚本可以将代码生成到一组单选按钮中，则可以创建类似以下内容的代码：

$('.trigger').live('click', function () {
   var elementType = $(this).prev().attr(WHAT IS IT);
});

给定一个带有触发类的下拉列表，旁边有一个按钮，在按下按钮后，我的elementType变量应返回select。

以jQuery方式获取元素类型：

var elementType = $(this).prev().prop('nodeName');

在没有jQuery的情况下做同样的事情

var elementType = this.previousSibling.nodeName;

检查特定的元素类型：

var is_element_input = $(this).prev().is("input"); //true or false

您也可以使用：

$("#elementId").get(0).tagName

您应该使用tagName属性和attr('type')输入

正如Distdev提到的那样，您仍然需要区分输入类型。也就是说，

$(this).prev().prop('tagName');

会告诉您input，但这并不能区分复选框/文本/广播。如果是输入，则可以使用

$('#elementId').attr('type');

告诉您复选框/文本/无线电，以便您知道它是哪种控件。

您可以使用.is()：

  $( "ul" ).click(function( event ) {
      var target = $( event.target );
      if ( target.is( "li" ) ) {
         target.css( "background-color", "red" );
      }
  });

见资料

使用get（0）.tagName。看到这个链接

在tagName上使用Nodename：

nodeName包含tagName的所有功能，以及其他一些功能。因此，nodeName始终是更好的选择。

参见DOM Core