问题描述
- jquery如何设置一个动态创建的 $('#').append('')中的ID？并利用它
-
就比如像这样的：<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了
解决方案二：
不需要起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>
解决方案三：
那格式是不是这样的呢：
解决方案四：
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"));
});
相关文章
- javascript-jquery如何设置一个动态创建的 $(&#39;#&#39;).append(&#39;&#39;)中的ID？并利用它
【云栖快讯】2017互联网超级工程阿里双11完美落幕，交易额突破1682亿，但阿里工程师如何玩转“超级工程”，背后黑科技又是如何？12月13-14日，12位大咖直播分享揭秘1682亿背后技术实践，马上预约 详情请点击
热门推荐
- 高性能云服务器2折起
- 云服务器配置
- 技术资料
- 云计算
- 域名
- shell
- node.js
- 问答
- java
- mysql
- C++
- python
- jQuery
- Android
- asp
- PHP技巧
- jQuery教程
- JavaScript技巧
- JS
- SEO
- sql server
- mysql教程
- 前端
- 技术文集
- 技术
- 主题地图
- A
- z
- 云服务器哪家好
- API
- 大数据
- 云安全
- 云存储
- 云计算
- 获取公众号授权失败
- 兼容性疑难解答
- path
- stm32
- jsonobject
- product
前三篇
- c#-C#属性出现无限循环怎么回事
- 部署-Microsoft reportviewer发布问题？
- 新手入门-新手求解释这段代码，，，
后三篇
- C#记事本的查找和退出
- 服务器-关于将参数传到已有form中。
- matlab-在MATLAB中mems加速度计估计手机运动状态的仿真
(yq.aliyun.com)为您免费提供javascript-jquery如何设置一个动态创建的 $(&#39;#&#39;).append(&#39;&#39;)中的ID？并利用它相关信息，包括
javascript
，
jquery
，
class
函数
的信息
，所有javascript-jquery如何设置一个动态创建的 $(&#39;#&#39;).append(&#39;&#39;)中的ID？并利用它相关内容均不代表的意见！
该页面h5页面的地址是：https://m.aliyun.com/yunqi/wenzhang/show_20235，您可以点击javascript-jquery如何设置一个动态创建的 $(&#39;#&#39;).append(&#39;&#39;)中的ID？并利用它-手机站访问。