javascript - 如何使用jQuery检查是否存在具有特定名称attr的输入

Question

我需要一个函数来使用 jQuery 动态添加新的输入元素。

是这样的

function addInput(inputName) {
  $('<input>', {
    type: "hidden",
    name: "inputName"
  }).appendTo('#foo');
}

addInput('test');

它有效，它增加了一个新<input type="hidden" name="test">的#foo

仅当指定名称的输入不存在于DOM.

这是我更新的功能

function addInput(inputName) {
  if (! $(input).attr('name','inputName') {
    $('<input>', {
      type: "hidden",
      name: "inputName"
    }).appendTo('#foo')
  }
}

addInput('test');

但是检查具有将所有元素input的名称test设置为的名称的input元素test。有什么方法可以只测试输入名称吗？

Answer 1

length使用相等选择器检查，

function addInput(inputName) {
  if (! $('input[name="'+inputName+'"]').length) {
    $('<input>', {
      type: "hidden",
      name: inputName
    }).appendTo('#foo')
  }
}

演示

Answer 2

function addInput(inputName) {
    if ($('input[name="'+inputName+'"]').length > 0)
     {
      alert("Exists");
     }
    }

Answer 3

如果您使用 jQuery，只需使用.is()函数：

if(input.is('[name="your_name"]')){
   //do some things!
}

见codepen