ホームページ  >  記事  >  ウェブフロントエンド  >  初心者がページングを解決できるように支援する効果_html/css_WEB-ITnose

初心者がページングを解決できるように支援する効果_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 09:48:37985ブラウズ


リンクをクリックしたときに li に class="current" を追加したいのですが、その解決方法はどうすればよいですか

ディスカッションに返信(解決策)

li.className+="current"
何を言っているのかわかりませんmeans

jquery soeasy を使用します

ul に ul の ID を与えます
$('#ul li').click(function(){
$('#ul li').eq($(this).index( )).addClass(" current").siblings(".pageinfo").removeClass('current');
})
1 つのステップとして、現在クリックされている ul の下の li にスタイル current を追加します。他の li
の現在のスタイルを純粋に手動で削除します。

ul に ul の ID を与えます
$('#ul li').click(function(){
$('#ul li').eq($(this).index()).addClass("current ").siblings(".pageinfo").removeClass('current');
})
1 つのステップとして、その効果は、現在クリックされている ul の下の li に現在のスタイルを追加し、他の li の現在のスタイルを削除することです。
純粋に手作業。

jsに配置されていますか?




ul の ID を与えます
$('#ul li').click(function(){
$('#ul li').eq($(this).index()).addClass ("current").siblings(".pageinfo").removeClass('current');
})
1 つのステップとして、現在クリックされている ul の下の li に現在のスタイルを追加し、現在のスタイルを削除します。その他の李
純粋に手入力。

jsに配置されていますか?


そうです。これはjqを使用して実装されます。まず、jq 1.9.1 パッケージをインポートする必要があります。必要なら一つあげますよ。



ul の ID を与えます
$('#ul li').click(function(){
$('#ul li').eq($(this).index()).addClass( "current").siblings(".pageinfo").removeClass('current');
})
1 つのステップとして、現在クリックされている ul の下の li に現在のスタイルを追加し、他の現在のスタイルを削除します。 li
は純粋に手作業です。

jsに配置されていますか?


そうです。これはjqを使用して実装されます。まず、jq 1.9.1 パッケージをインポートする必要があります。必要なら一つあげますよ。

やあ、先生、QQ を教えていただけますか?今後、何か質問があれば、いつでも聞いてもいいですか?






ul の ID を与えます
$('#ul li').click(function(){
$('#ul li').eq($(this).index()) .addClass("current").siblings(".pageinfo").removeClass('current');
})
1 つのステップでは、現在クリックされている ul の下の li にスタイル current を追加し、現在のスタイルを削除します。他李のスタイル
ピュアハンドタイプ。

jsに配置されていますか?


そうです。これはjqを使用して実装されます。まず、jq 1.9.1 パッケージをインポートする必要があります。必要なら一つあげますよ。

やあ、先生、QQ を教えていただけますか?今後何か質問があれば、いつでも聞いてもいいですか?
236598515

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。