1

ID 'filename' を持つすべての要素の innerHTML 値を変更しようとしていますが、最初の要素だけが更新されます。

私の問題は、id 'filename' を持つ最初の要素のみが更新されることです。

HTML コードはリキッド テンプレートとして生成されますが、何も変更する必要はないと思います。

HTMLは次のとおりです。

  <ul>
    {% for product in products %}
      <li>
      <p>{{ product.title }}</p>
      {% for image in product.images %}
        <img src={{ image.src }} height="200px" />
        <p>1) Is your image name descriptive? {{ image.src }}</p>
        <p>2) Is your alt tag descriptive enough? {{ product.title }}</p>
        <p>3) Is your image file type JPEG? <div id="filename">{{ image.src }}</div></p>
      {% endfor %}
      </li>
      <hr>
      {% endfor %}
    </ul>

そしてJavaScript：

<script type="text/javascript">
  $("#filename").each(function()  {
    $(this).html("ext!");
  });
</script>
4

1 に答える 1

6

ID は一意である必要があります。代わりにすべての要素をid="filename"toてclass="filename"に置き換えてください。次のようになります。#filename.filenameeach()

$(".filename").each(function()  {
    $(this).html("ext!");
});
于 2013-03-30T21:22:36.780 に答える