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

用equal-selector检查长度喜欢，

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

Demo