コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > DIVで変数_html/css_WEB-ITnoseを使用する方法

DIVで変数_html/css_WEB-ITnoseを使用する方法

WBOY
リリース： 2016-06-24 12:20:58
オリジナル
2574 人が閲覧しました

おおよそ次のようなコードがあります:



……
……
レイヤーが多いのでdivとclass以降の数字は変数を使ってループを実装したい。 HTMLファイルに実装するにはどうすればよいでしょうか？


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

.....


JavaScript を使用して div を渡し、ループします内部の div、そして操作

純粋な HTML ではそれを行う方法はありません

js を使用するには 3 つのアイデアがあります。
1 つは document.write
2 つは innerHTML
3 つは createElement 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script type="text/javascript">	$(function(){		$("#abv").click(function(){			for(var i=1;i<=$("div").length-1;i++){				$("#div"+i).html(i);			}		});	})</script><input type="button" id="abv" value="测试用按钮"/><div id="kkk"> <div id="div1" class="class1">`````</div> <div id="div2" class="class2">`````</div> <div id="div3" class="class3">`````</div></div>
ログイン後にコピー

1. 子孫コードを使用して実装する

asp.net/asp/jsp のいずれであっても、この利点は for ループがあることです。クライアントが js をサポートしていない場合でも、DIV を表示することもできます
2. js を使用して実装します
for(var i=1;i<=10;i++){
$('

').append("body");
}

for(var i=1;i $ ('
').appendTo("body");
関連ラベル：
如何在DIV中使用变量
ソース：php.cn
前の記事：***タオバオを模倣したこの並べ替えスタイルを作成する方法を教えてください。 _html/css_WEB-ITnose 次の記事：SELECT スタイルのカスタマイズは世界的な問題ですか?もっと良い方法はありますか? _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
livewire遅延プレースホルダーでlaravelコンポーネントを使用する方法 laravel コンポーネントのスケルトンを livewire3 プレースホルダー内に追加したい これまでに試したこと: Laravel コンポーネントを含めることによる Live...
から 2024-04-06 20:02:10
0
2
543
opentbs を使用して odt ファイルを生成するときに発生する問題: 同じキーの値が別の列ではなく同じ行に表示されます。 PHPでodtを作成するためにOpenTbsというライブラリを使っていますが、列と行が動的に生成されるので利用しています。行と列の作成方法は知っていますが、それらを整理する方法がわ...
から 2024-04-06 20:18:18
0
1
483
Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか? Webアプリケーションを開発しています。 Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか?私はセマンティック バージョニングを使用しており、...
から 2024-04-06 19:13:16
0
2
476
テンプレートのメソッドで定義された変数の使用 Vue (v3 ではなく v2) を使用するのは初めてで、テンプレート内 (メソッド内で定義された) で変数を使用しようとしています。私の簡略化されたコード: <templa...
から 2024-04-06 18:10:25
0
2
513
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート