javascript - 如何在使用相同 ID 的 5 个跨度上添加文本

Question

如何向共享相同 ID 的所有 5 个跨度添加文本。

html去：

<div class="body">
<form>
<span id = "test" ></span>
<span id = "test" ></span>
<span id = "test" ></span>
<span id = "test" ></span>
<span id = "test" ></span>
</form>
</div>

js：

function check_aff_payment(elem){

        $(elem).find('#test').each(function(){
            $("#test").text("*");
        });

}

Answer 1

页面上的IDHTML必须是唯一的。

尝试class改用

<div class="body">
   <form>
      <span class="test"></span>
      <span class="test"></span>
      <span class="test"></span>
      <span class="test"></span>
      <span class="test"></span>
   </form>
</div>

function check_aff_payment(elem){
    $(elem).find('.test').each(function(){
       $(this).text("*");
    });
}

检查小提琴