jqueryの質問をさせていただきます｡･ﾘﾝｸを押すと､<div id="XXXX1"></div>が生成され､押すたびにxxx2､xxx3と増えていき最大10まで生成するようにはどうしたらよい…

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

jqueryの質問をさせていただきます｡

･ﾘﾝｸを押すと､<div id="XXXX1"></div>が生成され､押すたびにxxx2､xxx3と増えていき最大10まで生成するようにはどうしたらよいでしょうか？

どうぞよろしくお願いいたします｡

●質問者: aiueo
●ｶﾃｺﾞﾘ:ｳｪﾌﾞ制作ｹﾞｰﾑ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

▽1 ● じゅぴたｰ
●67ﾎﾟｲﾝﾄ

aﾀｸﾞだと具合が悪いので､ﾎﾞﾀﾝを押すたびに id="hoge" の中に増えていくようにしました｡

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.js"></script>
<script type="text/javascript">
<!--
var Num = 1;
function hoge_append() {
 if (Num <= 10) {
 var id = "XXXX" + Num;
 $('p#hoge').append('<div id="' + id + '">' + id + '</div>');
 Num++;
 }
}
-->
</script>
</head>
<body>
<form>
<input type="button" id="click" onclick="hoge_append()" value="CLICK!" />
</form>
<p id="hoge"></p>
</body>
</html>

▽2 ● Lhankor_Mhy
●67ﾎﾟｲﾝﾄ

jQuery.autopager を利用されてはいかがでしょうか？

jQuery.autopager: Automatic paging plugin for jQuery

↓このﾃﾞﾓがご要望にあっていると思いました｡

jQuery.autopager - Demo

ｽｸﾗｯﾁで書きたい､というご要望でしたら､お手数ですがﾎﾟｲﾝﾄを0にしてください｡

▽3 ● a-kuma3
●66ﾎﾟｲﾝﾄ

ﾍﾞｽﾄｱﾝｻｰ

こんな感じかな？

<script>
var pageNum = 1;
$("#XXXXX").click(function() {
 if (pageNum <= 10) {
 var id = "box" + pageNum;
 $('#YYYY')
 .append('<div id="' + id + '">' + id + '</div>')
 .load("xxxx.php?page=" + pageNum);
 pageNum += 1;
 }
 return false; // ★ false を返すと､本来の a ﾀｸﾞの動作が抑制される
 })
</script>

<a href="about:blank" id="XXXXX">CLICK!</a>
<div id="YYYY"></div>

◎質問者からの返答

ありがとうございます｡みなさんから頂いたｺｰﾄﾞを元に試行錯誤したところ無事解決できました！

var id = "box" + pageNum;

これが解決のﾋﾝﾄになりました！

有難うございました！！！