Question

我有一个带有类的div，在一个有一个输入框的div内。我需要将属性list='emp'添加到输入框中。

<div class="divInput">
  <input type="text">
</div>

$(".divInput").prop("list","emp");

在这里我无法添加属性。

Answer 1

您不需要jQuery，只需使用.document.querySelector（）定位输入并使用直接JS（.setAttribute（）..）设置属性即可。

请注意，我添加了一个占位符属性来演示此方法的成功。

let input = document.querySelector('.divInput input');
input.setAttribute("list","emp"); // inpect the input to find the attribute
input.setAttribute("placeholder","Example text"); // added to demonstrate the attribute has been set

<div class="divInput">
  <input type="text">
</div>

Answer 2

此代码在容器内的文本框中添加一个属性。

$(document).ready(function(){
  $(".divInput").children().attr("list", "emp");
  $(".divInput").children().prop("value","example");
  
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="divInput">
  <input type="text">
</div>

如何向div内部存在的输入框添加属性

2 个答案: