Javascript 如何确定元素是按钮还是文本框_Javascript_Jquery

Javascript 如何确定元素是按钮还是文本框

javascript jquery

Javascript 如何确定元素是按钮还是文本框,javascript,jquery,Javascript,Jquery,如何在jquery中确定元素是输入按钮类型还是文本类型谢谢或或或或或或检查元素的标记名： element.prop('tagName') 对于标记，还要检查类型： element.prop('type'); 检查元素的标记名： element.prop('tagName') 对于标记，还要检查类型： element.prop('type'); 如果您有： var field = $("some selector that finds the input");

如何在jquery中确定元素是

输入

按钮类型还是

文本

类型

谢谢

或

检查元素的标记名：

element.prop('tagName')

对于

标记，还要检查类型：

element.prop('type');

检查元素的标记名：

element.prop('tagName')

对于

标记，还要检查类型：

element.prop('type');

如果您有：

var field = $("some selector that finds the input");

然后

…将是

输入

或

按钮

或

选择

或

文本区域

，告诉您创建字段使用的标记

如果是

输入

，则

field[0].type
// or
field.attr('type')
// or
field.prop('type')

…将是

输入

标记的类型（例如

“文本”

，

“按钮”

，等等）

HTML:





挑选

文本区

钮扣

JavaScript:

jQuery(function($) {

  $("input, select, textarea, button").each(function(index) {
    var msg;
    var field = $(this);
    msg = "[" + index + "]: tagName is " + field[0].tagName;
    if (field[0].tagName === "INPUT") {
      msg += ", and type is " + field.prop('type');
    }
    display(msg);
  });

  function display(msg) {
    $("<p>").html(msg).appendTo(document.body);
  }
});

jQuery（函数（$）{
$（“输入、选择、文本区域、按钮”）。每个（函数（索引）{
var-msg；
变量字段=$（此字段）；
msg=“[”+索引+”]：标记名为“+字段[0]。标记名；
如果（字段[0]。标记名==“输入”）{
msg+=”，类型为“+field.prop（'type'）；
}
显示（msg）；
});
功能显示（msg）{
$（“”）.html（msg.appendTo（document.body）；
}
});

输出：

[0]: tagName is INPUT, and type is text [1]: tagName is INPUT, and type is button [2]: tagName is SELECT [3]: tagName is TEXTAREA [4]: tagName is BUTTON [0]：输入标记名，类型为文本 [1] ：标记名为输入，类型为按钮 [2] ：标记名为SELECT [3] ：标记名是TEXTAREA [4] ：标记名是按钮注意，我在那里只使用了

field=$（this）

，这样我们就可以在每个元素周围使用jQuery包装器。如果您已经有一个原始DOM元素引用（正如我们在该循环中所做的那样，如

this

），则无需这样做，只需直接使用

elm.tagName

和

elm.type

。