1

これに問題があります。値が追加されますが、最初のh2タグのみです。私は何が欠けていますか？

ありがとう

私の目標は、タグの値を取得し、その値をandタグh2として画像に追加することです。alttitle

以下は私のHTMLとJSです。これが私のjsFiddleファイルです。

HTML

<ul class="list">
  <li>
    <img title="Product" src="/img.jpg" />
    <h2>Blue</h2>
  </li>
  <li>
    <img title="Product" src="/img.jpg" />
    <h2>Red</h2>
  </li>
  <li>
    <img title="Product" src="/img.jpg" />
    <h2>Yellow</h2>
  </li>
</ul>

</ p>

JS

var imageID = $('.list').find('h2').html();

$("img").attr('title', imageID + ' Product');​
4

2 に答える 2

4

これを試して

$(".list img").each(function() {
    var txt = $(this).siblings("h2").text();
    $(this).prop("alt", txt).prop("title", txt + " Product");
});

デモ-Firebugなどを使用してレビューする

于 2012-11-08T20:10:35.740 に答える
2

これを試して ：

$("img").each(function(){
   $(this).attr('title', $(this).closest("li").find("h2").text()+ ' Product');​
})
于 2012-11-08T20:10:43.260 に答える