如何使用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中看到