2011-05-08 133 views
5

我有一對夫婦的div的看起來像這樣:JQuery的多個類最後獲取值

<div class="film cars-0317219"></div> 
<div class="film wall-e-0910970"></div> 
<div class="film finding-nemo-0266543"></div> 
<div class="film cars-0317219"></div> 

進出口關注的是第二(所以最後)類名,但僅是有階級的div「電影'。有沒有什麼辦法可以用JQuery獲取最後一個類名?

給你一個我想要做的例子看下面。我想使這些div的點擊,讓遊客去/title/last-class-name.html

$('div.film').live('click', function(){ 

    // This returns the whole 'film random-title-id' 
    // instead of just 'random-title-id' 
    var id = $(this).attr('class'); 

    location.href = '/title/' + id + '.html'; 

}); 

回答

7

這應該工作:

$('div.film').live('click', function(){ 

    var classes=$(this).attr("class").split(" "); 
    var id=classes[classes.length-1]; 

    location.href = '/title/' + id + '.html'; 

}); 

但如果你不已經有標識在你的元素上,這看起來更像一個ID。

+0

非常感謝。很棒!它曾經是div的ID,但我在同一部電影可以在一頁上出現2次(即演員,導演)的點。在這個div中有更多的動作改變了電影的狀態,這也會影響同一部電影的其他div。 – Bob 2011-05-08 01:51:41

+0

非常感謝!同意ID在大多數情況下都更好,但這是我現在需要的。 – squarecandy 2012-11-05 15:27:14

+0

@squarecandy不知道你是否在使用那一點,但請注意'live'已被替換爲[on](http://api.jquery.com/on/) – 2012-11-05 15:38:43