jQuery noobを使用すると問題が発生し、解決方法がわかりません: 私はulタグとその中のliタグを持っていますこれを達成しようとしています。:最初のliタグを選択し、ボタンの最初クリックで、二クリックでように二のliタグを選択して... あなたは予想通り、これは動作しないことがわかります(それが選択する第1および2番目のタグ) 誰かが私を助けたり正しい方向に向けることができますか?ここにjsFiddleリンクがあります:http://jsfiddle.net/aH8w2/ありがとう!!!クリックごとに次のliタグを選択
答えて
このお試しください:最後に到達したとき、再びリストの先頭にジャンプし
$("button").click(function(){
$('.red').removeClass('red').next('li').addClass('red');
});
ありがとうございました! –
ジョシュ・スミスの答えを見てください。それはあなたのためにうまくいくかもしれません。 –
@SergeiTulentsev jsFiddleでこれを試してもうまくいかないようです。http://jsfiddle.net/joshsmith/qZLxc/2/ –
別の方法を、:
var $lis = $('ul > li');
$("button").click(function(){
var $selected = $('.red').removeClass('red');
($selected.next().length > 0 ? $selected.next() : $lis.first()).addClass('red');
});
またはビット短い:
($selected.next().get(0) || $lis[0]).className += 'red';
大きな感謝!!! –
その横の目盛りをクリックして、最も受け入れられた答えを選択してください。 –
これを試してみてください:
$("button").click(function(){
var current = $('ul li.red');
current.first().next('li').addClass('red');
current.removeClass('red');
});
これは、あなたが持っていることを前提に、少なくとも「赤」である1 li
。
$("button").click(function(){
if($('.red').length > 0) {
$('.red').removeClass('red').next().addClass('red');
} else {
$('li:first').addClass('red');
}
});
また、あなたの最初のli
に.first
は必要ありません。 jQueryは最初に一致する項目を選択するli:first
を実行できます。
はこれを試してみてください:
$(document).ready(function(){
$("button").click(function(){
if($('.red').length == 0 || $('.red').next().length == 0){
$('.red').removeClass('red');
$('.first').addClass('red');
}else{
$('.red').removeClass('red').next().addClass('red');
}
});
});
これは最初のクリックだけでなく、すべての後続のクリックの世話をします。あなたが最後に達したら、最初に戻ってください。
- 1. 入力タグを選択 - クリック時に中間日付を選択します
- 2. オプションごとに異なるメソッドとアクションを持つタグを選択
- 3. プロジェクトごとにプロファイルを選択
- 4. n行ごとに別のシートから次の行を選択します
- 5. タグの幅の選択タグ
- 6. jqueryのhidden ulからliを選択
- 7. スタイルHTML選択タグとオプションタグ
- 8. Grails。タグを選択
- 9. のXPath:特定のタグの後のテキストを選択し、同じ次のタグ
- 10. タグ `li`のスタイル
- 11. TinyintとRailsをジェンダー選択で選択するタグ
- 12. 個別の行(mysqlとphp)ごとにカウントを選択
- 13. selectタグで選択と選択解除(トグル)
- 14. Jsoupタグの後にテキストを選択
- 15. 親xmlタグを選択
- 16. WPF MVVM ComboBoxタグの選択
- 17. Html選択タグの問題
- 18. 右クリック時の多重選択とJPopupMenu
- 19. jQuery:アクティブなものの上にliを選択
- 20. を選択し、タグのデフォルトの選択空白の項目
- 21. グループの行ごとにランダムな選択を取得
- 22. グループごとに選択するグループヘッダーセクションの数を増やす
- 23. ときのLi内部ここをクリック
- 24. jQuery - 選択オプションを削除:クリック時に選択した属性
- 25. jQueryと次のリストアイテムオブジェクトの選択
- 26. ポストバックごとにLinqDataSourceを選択しないようにする
- 27. jQueryのクリック対象選択
- 28. rails - 選択タグを無効にする
- 29. アイコンを選択タグに合わせる
- 30. 選択タグを隠すには?
ここにjsfiddleリンクがあります:http://jsfiddle.net/aH8w2/ –
フィドルに感謝します。動作するものが見つかったら、必ず回答を受け入れてください。 –