スパンタグのタイトルに基づいてonclickを使用する

私はそれらをクリックしてdivを切り替えることができるスパンタグをいくつか持っています。スパンタグにIDを入れることができません。ユニークなスパンのタイトルに基づいてこれを行うにはどうすればよいですか？ここに私のHTMLがあります。スパンタグのタイトルに基づいてonclickを使用する

<span title="Silver" class="swatchColours swatchOneColour showPreview"> 
     <span style="background-color:#cccccc;" class="swatchColour swatchColour_1">&nbsp;</span> 
</span> 
<span title="Black" class="swatchColours swatchOneColour showPreview"> 
     <span style="background-color:#000000;" class="swatchColour swatchColour_2">&nbsp;</span> 
</span> 
<div id="colour_one">Silver</div> 
<div id="colour_two">Black</div>

出典

2012-05-02 user1235905

可能重複http://stackoverflow.com/questions/6431891/select-an-element-by- –

$('span[title="Silver"]').click(function(){ 
    $('#colour_one').toggle(); 
}); 


$('span[title="Black"]').click(function(){ 
    $('#colour_two').toggle(); 
});

http://jsfiddle.net/AlienWebguy/XYfZV/

出典

2012-05-02 23:24:51 AlienWebguy

不完全な回答を投稿しないでください –

これは不完全ではありませんでした。彼はユニークなタイトルでスパンを選択する方法を知りたがっていました。私はセレクタを示し、それだけでコード化するかもしれないと思った。 – AlienWebguy

重要な部分は '$（ 'span [title =" Silver "]'）'でした。それは彼が知る必要があったすべてです。 – AlienWebguy

$('span.swatchColours').on('click', function() { 
    var that = $(this); 

    if(that.attr('title') == 'Silver') 
     $('div#colour_one').toggle(); 
    else if(that.attr('title') == 'Black')    
     $('div#colour_two').toggle();   

});

（[jQueryのにタイトルによって要素を選択]の

出典

2012-05-02 23:30:53 xandercoded

私はこれを試しましたが、うまくいかないようです。 http://jsfiddle.net/53KrB/ – user1235905

あなたは 'if ... else'文がfoobar ... http://jsfiddle.net/53KrB/2/です – xandercoded

スパンタグのタイトルに基づいてonclickを使用する

答えて

関連する問題