用jquery获取自定义的标签属性的值简单实例
如下所示:
<tr class="gradeX" role="row" id="1001"> <td>王羲之</td> <td>2016-01-06</td> <td name="phone" style="display:none;">13680130700</td> <td name="pwd" style="display:none;">123456</td> <td class="td-text-center"> <a class="btn btn-sm green" href="#itemSettingAccount" onclick="setingInit('1001')" data-toggle="modal">设置园长</a> </td> </tr> //自定义属性一样可以查找到值 var phone = $("#" + itemId).find("td[name=phone]").html();//账号 var pwd = $("#" + itemId).find("td[name=pwd]").html(); //密码
以上这篇用jquery获取自定义的标签属性的值简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
JQuery中根据属性或属性值获得元素(6种情况获取方法)
根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 复制代码 代码如下: $("p[id]").css("color","red"); 根据属性值获得元素 1.$.在jQuery 中$("<span>"),这个语法等同于$(document.createElement("span")) ,这是一种用法,在选择元素的时候还会这样子的用:[attribute$=value],匹配给定的属性
-
详解jQuery Mobile自定义标签
本文实例讲解了jQuery Mobile自定义标签,分享给大家供大家参考,具体内容如下 规划产品国际化的需求时,涉及到PC Web,移动Web,和各app.设计了多个版本的移动Web均不理想. 由于移动Web采用了jQuery Mobile框架,所以将切换语言放在哪个位置更合理进行了讨论.讨论的过程和多个方案我就不提了,先来看看最终效果: 是不是感觉很经验,这里一开始尝试了多次,最终自定义了一个下拉选项,代码如下: <!DOCTYPE html> <html> <head&g
-
jquery获取自定义属性(attr和prop)实例介绍
$("form").attr("check"); $("form").prop("check"); 两种都可以,不过新版jquery推荐第二种,两个在其他方面都差不多,我发现的唯一不同就是在checkbox上的时候,需要用prop,不然IE浏览器会不兼容 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&
-
Jquery插件之打造自定义的select标签
首先看下效果 复制代码 代码如下: <head> <title></title> <link type="text/css" rel="Stylesheet" href="JQSelect.css" /> <script type="text/javascript" src="jquery-1.2.6.js"></script> <
-
jquery遍历标签中自定义的属性方法
在开发中我们有时会对html标签添加属性,如何遍历处理? <ul> <li name="li1" sortid="nav_1">aaaaaaa</li> <li name="li1" sortid="nav_2">bbbbbbb</li> <li name="li1" sortid="nav_3">cccccccc&
-
用jquery获取自定义的标签属性的值简单实例
如下所示: <tr class="gradeX" role="row" id="1001"> <td>王羲之</td> <td>2016-01-06</td> <td name="phone" style="display:none;">13680130700</td> <td name="pwd"
-
jquery 获取dom固定元素 添加样式的简单实例
<script type="text/javascript"> xx = function(){ //$("#categories div").eq(6).css("color","#000000"); $("#categories div").eq(6).addClass("xxx"); }</script><style>.xxx{}.x
-
jquery获取复选框checkbox的值的简单实现方法
jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值
-
jquery获取复选框checkbox的值实现方法
jQuery API : each(callback)::以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值
-
jquery获取form表单input元素值的简单实例
一般取值方法 $("#id").val(); $("#id").attr("value"); //其中value是元素的属性名如<s:textfield id="cifName" key="cifName" name="#request.consBean.cifName" />的id,key,name属性.取到的值是属性后对应双引号里面的字符. function sav
-
Jquery 自定义事件实现发布/订阅的简单实例
Jquery 自定义事件实现发布/订阅的简单实例 //用户点击logoff按钮时,广播一个自定义事件,给任何需要保存状态的感兴趣的观察者,然后导航到logoff页面 $('#logoff').click(function(){ $.event.trigger("logoff");//广播一个事件 window.location = "logoff.php";//导航到新页面 }); 以上这篇Jquery 自定义事件实现发布/订阅的简单实例就是小编分享给大家的全部内容
-
jquery获取input type=text中的值的各种方式(总结)
实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery获取文本框的值</title> <meta h
-
jquery获取easyui日期控件的值实现方法
jquery easyui日期控件中,在页面里用JS拿到设置的日期值的方法 jquery获取easyui日期控件的值 jquery easyui 日期框 有这样的一个日期文本框: <input type="text" name="mdate" size="20" value="" id="mdate" class="easyui-datebox"/> 使用easyui给文本框
-
jquery mobile 实现自定义confirm确认框效果的简单实例
类似删除的效果,在执行之前,一般需要添加确认对话框,点确认的话执行,取消按钮就不执行,传统的js if(confirm('确定删除吗?')) { //执行代码 } 这种效果比较丑,使用jquery mobile优化一下 需要引用的文件: <script src="~/Scripts/jquery-1.10.2.min.js"></script> <link href="~/Scripts/Mobile/jquery.mobile-1.4.0.mi
-
用jQuery获取table中行id和td值的实现代码
用jQuery获取table中行id和td值的实现代码 <%@ page language="java" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); %> <!DOCTYPE html> <html lang="zh-cn"> <head> <title>点击</title>
随机推荐
- 批处理代码搞定Windows下Nginx+PHP(FastCGI)管理
- java读取resource目录下文件的方法示例
- python模拟Django框架实例
- js判断浏览器类型为ie6时不执行
- JS查找英文文章中出现频率最高的单词
- Python找出9个连续的空闲端口
- PHP学习笔记(一):基本语法之标记、空白、和注释
- php使用APC实现实时上传进度条功能
- jQuery插件bgStretcher.js实现全屏背景特效
- javascript表单事件处理方法详解
- js创建jsonArray传输至后台及后台全面解析
- 5分钟打造简易高效的webpack常用配置
- php集成动态口令认证
- android内存优化之图片优化
- javascript遇到html5的一些表单属性
- jQuery File Upload文件上传插件使用详解
- C#中的lock、Monitor、Mutex学习笔记
- Android 仿微信底部渐变Tab效果
- VUE-cli3使用 svg-sprite-loader
- Flask框架 CSRF 保护实现方法详解