2013-11-01 71 views
3

上的負載,我期待添加一個數據滑動屬性編號,以每DIV中發現的相同類jquery的。每個()單獨的屬性添加到一個div

例如:

<div class='slide' data-slide=''></div> 
<div class='slide' data-slide=''></div> 
<div class='slide' data-slide=''></div> 

我使用下面的代碼嘗試,但它是所有需要發現,而不是指數的lnumber:

$(".slide").each(function(index) { 
$('.slide').attr('data-slide',''+index+''); 
}); 

我想它產生如下:

<div class='slide' data-slide='1'></div> 
<div class='slide' data-slide='2'></div> 
<div class='slide' data-slide='3'></div> 

有什麼想法嗎?

+0

所有奇妙的答案,以及用於即時sillt不加這個!我責怪星期五下午!謝謝大家! – PHPDev76

+2

你想選擇下面的答案,並選中幫助你@ PHPDev76 –

回答

2

Fiddle DEMO

$(".slide").each(function (index) { 
    $(this).data('slide', index); 
}); 

Updated Fiddle DEMO

$(".slide").each(function (index) { 
    $(this).attr('data-slide', index+1); 
}); 
+0

爲什麼被低估? –

+0

您正在添加jQuery數據屬性。他正試圖給標記添加屬性。 – jbabey

+1

這在標記中不可見,因爲'data- *'將值放入緩存中,而不是DOM。你需要使用'attr' –

3

裏面each()塊,this將指在迭代的當前元素。

$(".slide").each(function(index) { 
    $(this).attr('data-slide', index + 1); 
}); 
+0

有人今天只是downvoting的一半答案:\ – tymeJV

+1

@RoryMcCrossan你可能想要索引 –

+0

@ArunPJohny加1​​你是對的,因爲索引是零基礎。謝謝。 –

9

.attr()需要一個功能作爲可以返回具有被分配給該屬性的值的第二個參數

$(".slide").attr('data-slide', function (index) { 
    return index + 1; 
}); 

演示:Fiddle

+0

我會upvote,但你省略了分號:P – jbabey

+0

@jbabey固定... –

相關問題