使用基於span標籤標題的onclick

我有一些span標籤，我希望能夠點擊它們並切換div。我無法將ID放在span標籤上。我該如何根據這些獨特的跨度上的標題來做到這一點？這是我的HTML。使用基於span標籤標題的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- title-in-jquery） –

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

使用基於span標籤標題的onclick

回答

相關問題