更改同一div類

這是我的代碼：更改同一div類

<div class='silderitem'> 
Some Content 
</div> 

<div class='silderitem'> 
Another Some Content 
</div> 

<div class='silderitem'> 
Again Another Some Content 
</div> 

<a class="next">next</a>

我想改變，當我點擊「下一步」使用jQuery下一堂課。我試過這個，但它不起作用。

<script> 
$(document).ready(function(){ 
    var Slideshow=$('.slideritem'); 
    $(".next").click(function(){slideshow.next();return false}); 
</script>

有誰能告訴我解決方案嗎？

來源

2012-08-22 Suresh

*「我想在使用jquery單擊」next「時更改下一個類。」*這是什麼意思？你究竟想要做什麼？我想你想要一些如何遍歷元素，但你想要做什麼？ –

定義「更改」。你應該在隊列中顯示下一個項目，還是以其他方式進行轉換？ – raina77ow

你在你的HTML拼寫錯誤「silderitem」反正。這可能是問題嗎？ – Giuseppe

如果您通過項目要循環，隱藏未選定的那些，這樣的事情可能工作：jsfiddle

CSS：

.silderitem { display: none } 
.next { cursor: pointer }

的jQuery：

$('.selected').show(); 

$(".next").click(function(){ 
    var selected = $('.selected'); 
    selected.removeClass('selected'); 
    selected.hide(); 

    var next = selected.next(".silderitem"); 
    if(next.length === 0) { 
     next = $(".silderitem").first(); 
    } 
    next.addClass('selected'); 
    next.show(); 
});

HTML：

<div class='silderitem selected'> 
Some Content 
</div> 

<div class='silderitem'> 
Another Some Content 
</div> 

<div class='silderitem'> 
Again Another Some Content 
</div> 

<a class="next">next</a>

來源

2012-08-22 13:52:43 Stu

謝謝，我想隱藏別人，除了選擇一個這可能 – Suresh

更新了答案隱藏沒有「選擇」的元素/不具有焦點 – Stu

謝謝，這是我想要的。你能告訴我怎樣才能這裏調用一個函數？這樣我就可以接近slideritem添加圖片和使其可點擊到下一個電話。請幫助我。在此先感謝。 – Suresh

更改同一div類

回答

相關問題