jquery - jQueryクリックイベント

Question

私は次のことをしたい: タグの中にタグを持っています。タグの click() イベントをリッスンします。クリックイベントで img タグに特定の属性があるかどうかを確認したい。

例えば：

<a href='#' id='myid'><img src='' alt='' played='1'></a>


$('#myid').click(function(e){
  if(e.target.attr('played')){
    // do something...
  }
});

img タグの属性を取得するにはどうすればよいですか? 私はjqueryの要素ハンドラを決してチェックしません...

敬具！

Answer 1

$('#myid').click(function(e){
  if( $(this).find('img').attr('played') == 1)
  {
    // do something...
  }
});

ps

属性名として「data-played」を使用することをお勧めします

Answer 2

あなたはこれを行うことができます：

$('#myid').click(function(e){
  e.preventDefault(); // stopping default behaviour of the anchor
  var played_attribute = $(this).find(img).attr('played');
  if(played_attribute == '1') {
   //attribute had value of 1
  } else {
   //attribute either never existed or didnt have value of 1
  }
});

それが役に立てば幸い。

Answer 3

あなたがしているはずです$(e.target).attr("played")