0

これは画像スライダーのスニペットで、スタイル属性「display:list-item」を持つ現在表示されている画像のデータ属性を取得しようとしています。どの画像が表示されるかわからないため、画像IDを使用できないため、DOMを介してフィルタリングする必要があります。以下の filter() メソッドを含むいくつかのアプローチを試しましたが、未定義の変数または空のオブジェクトが戻ってきます。

HTML 

<ul class="bjqs" style="height: 500px; width: 100%; display: block">
  <li class="bjqs-slide" style="height: 300px; width: 100%; display: list-item;">
    <img id="image1" data-score="0" alt="Body Condition Score 5" src="mazihealth/My Images/BCS5cropped.jpg" title="Slide1" style="height: 300px; width: 100%;">
    <p class="bjqs-caption" style="position:relative">
      <img id="checkmark" src="mazihealth/My Images/checkmark2.jpeg">
    </p>
  </li>
</ul>

JQ

var currimg = $('li.bjqs-slide').filter("style","display:list-item").attr('data-score');
4

3 に答える 3

0

これはあなたのために働くはずです：http://jsfiddle.net/ZEZP/2/

var currimg = $('li.bjqs-slide').filter(function() {
    return this.style['display'] == "list-item"
}).first().find("img").first().data('score');
console.log(currimg);

は、score最初の の を ofとともに返します。imgli.bjqs-slidedisplaylist-item

于 2013-07-03T04:01:25.147 に答える