jquery - span タグのタイトルに基づく onclick の使用

Question

クリックしてdivを切り替えられるようにしたいスパンタグがいくつかあります。span タグに ID を付けることができません。一意のスパンのタイトルに基づいてこれを行うにはどうすればよいですか? ここに私のHTMLがあります。

<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>

Answer 1

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


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

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

Answer 2

$('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();           

});