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("*");
    });
}

フィドルをチェック