5

選択したリストアイテムから画像のsrcを取得しようとしています。HTMLは次のようになります。

<li id="player_7">
  <div class="nailthumb-container square-thumb">
    <img src="../photos/files/7/thumb/6c0f1676cdcb1a9a5215db3e12572450.jpeg" />
  </div>
</li>

現在、次のように、選択したリスト要素からプレーヤーIDを取得できます。

jQuery

$('#myDiv').find("li").click(function() {
    var user_id = $(this).attr('id').substr(7);
});

選択したリスト要素からimgsrcを取得するにはどうすればよいですか？

4

3 に答える 3

8

user_idプレーヤーIDの番号に対応する場合は、次のことを試してください。

var src = $("#player_" + user_id + " img").prop("src");

それ以外の場合は、それぞれクリックされたリスト項目に：

$("#myDiv").find("li").click(function() {
    var src = $("img", this).prop("src");
});
于 2012-10-19T18:37:06.770 に答える
2

jQueryを使用して画像要素を取得し、そのsrcプロパティを読み取ります。

$('#myDiv').find("li").click(function() {
    var user_id = $(this).attr('id').substr(7);
   var src = $("img", this)[0].src;
});
于 2012-10-19T18:37:15.917 に答える
1

なぜあなたがやっているのか$("#myDiv").find("li")、いつ"$("#myDiv li")うまくやるべきなのか聞いてもいいですか？次に、その時点で、次のようにすれば十分です。

$('#myDiv li").click(function() {
    var user_id = $(this).attr('id').substr(7);
    var src = $("img",this).attr('src');
    // ...
});

個人的には、IDで分割を使用してuser_id（.attr('id').split('_')[1]）を取得することをお勧めしますが、プレフィックスまたは命名規則を変更する必要がある場合は、いずれかの方法でコードを変更する必要があるため、本当に重要です。一度に解析するものがたくさんある場合は、パフォーマンスに影響する可能性があります（分割は常に高速であるように見えますが、理由は思い出せません）が、それ以外の場合は、substrが機能するはずです。大丈夫です。

于 2012-10-19T18:58:19.177 に答える