jqueryで特定のIDを持つすべての要素のクラスを取得する方法

Question

こんにちは私はこれはおそらく超簡単だと知っていますが、この時点で私は脳のおならを持っています！ x idを持つすべての要素のクラスを取得する必要があります。そして、私はそれらのクラス名を印刷する必要があります。例：

HTML：

<div class="picture"><img src="one.jpg" class="one.jpg" id="yes"></picture> 
<div class="picture"><img src="ones.jpg" class="ones.jpg" id="no"></picture> 
<div class="picture"><img src="oned.jpg" class="oned.jpg" id="yes"></picture> 
<div class="picture"><img src="onez.jpg" class="onez.jpg" id="yes"></picture> 
<div class="selected"></div> 

のjQuery：

var selectedImg = $(".picutre img").attr("id","yes").class(); 
    $(".selected").html(selectedImg); 

Answer 1

まず、あなたのIDは一意である必要があり。 次に、jQueryにメソッド 'class'はありません。 HTML5 dataをjQueryと併用することをお勧めします。

HTML：

<div class="picture"> 
    <img src="test.jpg" class="one.jpg" data-bool="yes" /> 
    <img src="test.jpg" class="ones.jpg" data-bool="no" /> 
    <img src="test.jpg" class="oned.jpg" data-bool="yes" /> 
    <img src="test.jpg" class="onez.jpg" data-bool="yes" /> 
</div> 
<div class="selected"></div> 

のjQuery：

$('.picture img').each(function(){ 
    var $this = $(this); 
    if($this.data('bool') == 'yes'){ 
     $('.selected').append($this.attr('class')); 
    } 
});` 

はそれが便利だったホープ！

Answer 2

IDが一意でなければなりません！

だから、答えは簡単です：

var class = $('#x').attr('class'); 

あなたがeach機能でそれらすべてを警告することができ$('img')セレクタを持つすべての画像を選択した場合：

$('img').each(function(){ 
    alert($(this).attr('class')); 
}); 

JSFiddle

• 注あなたはあなたのような絵のクラスでdivを持っている時に行うことを：<div class="picture">あなたは同じDOMが無効であるに複数の要素に同じidを使用して</div>

Answer 3

でそれを閉じ</picture>でそれを閉じないでください。これを今すぐ変更する必要があります！これにより、jQuery IDセレクタ（#）が必要なように動作しなくなります。ただし、attrセレクタは引き続き動作します（".picture img[id=yes]"）。

jQueryには.class()メソッドがありません。クラスを取得するには、.attr('class')を使用する必要があります。

セレクタでメソッドを呼び出すと、そのセレクタで最初に要素が見つかるだけで、が得られます。つまり、$(".picture img[id=yes]").attr('class')は、そのセレクタに一致する要素が複数あるとしても、one.jpgを返します。

ところで、スペルミスの絵があります。

Answer 4

HTMLドキュメント内のすべてのIDは一意である必要があります。 URLの日付を保存するには、data-idを使用します。あなたがこれを行う可能性がありますdata-id="yes"と、選択した各画像のクラスを取得するには：

var selectedImg = $('img[data-id="yes"]').attr('class');