行の最後のliをターゲットにしますか？
J82
特別なクラスを持たないリストアイテムを含む単純なリストがあります。
<ul>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
etc..
</ul>
フロントエンドでは次のようになります。
li各行の最後（緑色で強調表示されている行）をターゲットにできるようにしたい。ただし、これらにliはクラスがなく、ユーザーの画面によっては、li最後の行になってしまう可能性があるため、どのようにすればよいかわかりません。li行の最後をターゲットにする方法はありますか？
編集：私はいくつかの混乱があったと思います。すべてのliアイテムが1つになっていulます。
Vaibs_Cool
function calculateLIsInRow() {
var lisInRow = 0;
$('ul li').each(function() {
$(this).removeClass("back");
if($(this).prev().length > 0) {
if($(this).position().top != $(this).prev().position().top) {
$(this).prev().addClass("back");
// return false;
}
lisInRow++;
} else {
lisInRow++;
}
if($(this).next().length > 0) {
}
else {
$(this).addClass("back");
}
});
}
calculateLIsInRow();
$(window).resize(calculateLIsInRow);
私は答えを見つけたと思います..ウィンドウのサイズを変更して確認してください..
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
親li内の最も近い要素をターゲットにします
- 2
親li内の最も近い要素をターゲットにします
- 3
最後に/でターゲットを作成しますか？
- 4
最後のLIJavascriptをターゲットにして、操作します
- 5
makefileは常に最後のターゲットを呼び出します
- 6
ターゲットテーブルの最初の3行と最後の3行を削除します
- 7
textareaから最後にターゲットにされたcontenteditableのhtmlを更新します
- 8
Python-追加時にターゲットの最後の行を削除する
- 9
すべてのターゲットに対して最後にライブラリをリンクします
- 10
組積造は、各列の最後のアイテムをターゲットにします
- 11
最後の子をターゲットにする方法
- 12
li要素をターゲットにしますか？
- 13
作成：一連のターゲットに対して共通の事前/事後ルールを実行します
- 14
IDなしのJavaScriptでliをターゲットにする
- 15
データフレームの最後の行に基づいてデータフレームをどのようにサブセット化しますか？
- 16
投稿タイトルの最後の単語をターゲットにする
- 17
git: エディターを使用せずに既存のコミットの最後に行を追加します
- 18
N番目の子は他のすべての子をターゲットにしますが、常に最後の子を含みます
- 19
8列グリッドの最後の子をターゲットにする
- 20
行をクリックした直後から特定の行までのターゲット行
- 21
nth-of-typeを：beforeで使用し、最後の要素を除くすべてをターゲットにする方法、または最後の要素を別の方法でターゲットにする方法
- 22
list [-1]は、リストの最後の項目をターゲットにしません（回文に2つの連続するゼロがあります）。
- 23
ブランチからの最後のコミットのみをマスターにマージします
- 24
ブートストラップは、行の最後に要素を作成します
- 25
cssのみで「ul」内に特定のクラスを持つ最初の「li」をターゲットにします
- 26
データテーブルのcolumnDefsのターゲットを「最後」として定義するにはどうすればよいですか？
- 27
常にデフォルトのターゲットと一緒にターゲットを実行します
- 28
以前のターゲットを殺さずに新しいアリターゲットを実行します
- 29
最初と最後のオーバーフローしない要素をターゲットにする
コメントを追加