就比如像这样的:
<script type="text/javascript">
var number=0;
function next(){
$('#showdata').append('<input class="number_showdata" id="showdataid'+number+'" type="text" name="" />');
number++;
}</script>
<input data-theme="e" type="reset" onclick="next()" name="button" id="button" value="点击显示" />
<body>
<div id = "showdata">
</div>
</body>
中的id如何获取,并且利用它
number是一个全局变量,它始终等于上一个创建的id编号+1
用number-1就是id了
var number = 0;
function next() {
$('#showdata').append('<input class="number_showdata" id="showdataid' + number + '" type="text" name="" />');
number++;
}
for (var i = 0; i < 10; i++) {
next();
}
$(".number_showdata").on("click", function () {
var index = $(this).index();
alert($(".number_showdata").eq(index).attr("id"));
});
不需要起id也行,你的使用的时候对应事件传递this对象进去,然后通过dom关系获取你要的对象
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function next() {
$('#showdata').append('<input class="number_showdata" onclick="show(this)" type="text" name="" /><span style="display:none">text说明</span><br/>');
}
function show(btn) {
$(btn).next().show();
}
</script>
<input data-theme="e" type="reset" onclick="next()" name="button" id="button" value="点击显示" />
<body>
<div id="showdata">
</div>
那格式是不是这样的呢:
,这样的话,