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

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

……

……
レイヤーが多いので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");

このウェブサイトの声明

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

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

もっと見る

人気の記事

R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）

2週間前 By 尊渡假赌尊渡假赌尊渡假赌

スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？

1 か月前 By DDD

R.E.P.O.ファイルの保存場所：それはどこにあり、それを保護する方法は？

1 か月前 By DDD

R.E.P.O.最高のグラフィック設定

2週間前 By 尊渡假赌尊渡假赌尊渡假赌

アサシンのクリードシャドウズ：シーシェルリドルソリューション

1週間前 By DDD

もっと見る

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？

7401

15

Java チュートリアル

1630

14

CakePHP チュートリアル

1358

52

Laravel チュートリアル

1268

25

PHP チュートリアル

1217

29

もっと見る