jquery操作---从html中取值不同方式
来源:互联网 发布:鼠标指针软件下载 编辑:程序博客网 时间:2024/06/05 16:46
这篇主要是感谢ZW哥,是他教的我这个
方式一:
普通的通过id属性进行获取
$('#userId').val();
<input type="text" style="background:#fdfdfd;" id="userId">
复选框操作的时候使用html拼接的时候会出现多个重复的id
当其中出现多个相同的id时就不可以用了(当然也有相应的解决办法)
$(this).prop("checked") == truevar $cbx = $(this)var name = $cbx.attr('data-uname');
<input type="text" style="background:#fdfdfd;" data-uname="ddd" id="userId">
这样就可以使用attr得到属性中的值。。。
但是当这一元素的父元素过多时,用parent取值就太过麻烦,这时第二种方式就显得更为简单(但不见得是最好的)。。。
方式二:
<tr><td><div class="checkbox"><label><input type="checkbox" value="' + v.id + '_' + v.userId + '_' + v.userName + '"></label></div></td>'
var arr = $(this).val().split('_'); var id = arr[0], userId = arr[1], userName = arr[2];
这样的赋值取值方式就会方便很多
而且只进行一次dom操作
相关的链接:
split操作
http://www.w3school.com.cn/jsref/jsref_split.asp
attr操作
http://www.w3school.com.cn/jquery/attributes_attr.asp
未完。。。
0 0
- jquery操作---从html中取值不同方式
- jQuery的HTML操作
- jQuery HTML 操作
- jQuery操作HTML元素
- JQuery中的HTML操作
- jQuery HTML 操作
- jQuery 中的 HTML 操作
- jQuery HTML 操作
- jQuery操作HTML+CSS
- jQuery HTML 操作
- jQuery中的HTML操作
- jquery操作html元素
- jquery--操作html
- jQuery HTML/CSS操作
- 【jQuery 教程】jQuery HTML 操作
- jQuery操作radio的不同
- jquery 不同的方式隐藏元素
- jquery HTML控件的操作
- HTML5--Input类型
- 配置apache虚拟域名
- Latex编译参考文献出现问号解决方法
- [How to expression urself clearly and completely] Confidence and Target
- Redis集群 Java客户端Jedis的使用
- jquery操作---从html中取值不同方式
- RN的listview Demo
- nio学习之netty入门(1)---发送字符串
- 详细简单无线破解之wifi密码获取 2017
- Class对象
- 利用 ZXing Android Embedded 实现二维码处理
- 详解 Spring 3.0 基于 Annotation 的依赖注入实现
- NTP服务
- Beyond Australis