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

Question

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

就是这样的

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

addInput('test');

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

只有在DOM中不存在具有指定名称的输入时，才会出现问题。

这是我更新的功能

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

addInput('test');

但是，通过名称test检查input元素，它设置了要test的所有input元素的名称。 有没有方法只测试输入名称？

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中看到