Jquery选择器中使用变量实现动态选择例子


Posted in Javascript onJuly 25, 2014

例子一:

<table>
  <tr>
    <th>用户名</th>
    <th>状态</th>
  <tr>
  <tr>
    <td>张三</td>
    <td data-uid="10000">正常</td>
  <tr>
  <tr>
    <td>李四</td>
    <td data-uid="10001">冻结</td>
  <tr>
  <tr>
    <td>王二麻子</td>
    <td data-uid=10002>冻结</td>
  <tr>
</table>

<script type="text/javascript">
$(document).ready(function(){
  var uid = 1001;
  $("td[data-uid = "+ uid +"]").html('正常');
}
</script>

例子二:

<script type="text/javascript">
 $(function(){
  alert(123);
  var v=4;
  var test=$("input[type='radio'][value='"+v+"']");//直接拼接字符串就可以了
  console.info(test);
  var testValue=test.attr({"checked":true});
  console.info(testValue);
 }); 
 </script>
 
 <body>
  This is my JSP page. <br>
  <table>
 <tr>
 <td>性别:</td>
 <td>
  <input name="sex" type="radio" value="0"/>男 0
  <input name="sex" type="radio" value="1"/>女 1
  <input name="sex" type="radio" value="2"/>女 2
  <input name="sex" type="radio" value="3"/>女 3
  <input name="sex" type="radio" value="4"/>女 4
 </td>
 </tr>
  </table>
 </body>

例子三、jQuery中选择器参数使用变量应该注意的问题

这是原来的代码

var li_index = $(this).index();

var $content_index = li_index + 2;

var $content_progress = $(“div.content:eq(” + $content_index + “)”);

var $newavalue = $(this).find(“a”).attr(“name”);

var $resource = $(this).find(“a”).html().replace(“首页”,$newavalue);

var $afterresource = $resource.replace($newavalue,””);

var $afterresource = $newavalue + $afterresource.replace(“首页”,$newavalue);

实现的是关键词替换,不过到第三行时候不执行了,调试啊,替换啊,都不行。 从早上到刚才一直在各种群里面发问,终于 …… 俺们大本营 的Lomu大神一阵见血:

你的写法不对

要连接符

$(“div.content:nth-child($content_index)”);

改为

$(“div.content:nth-child(” + $content_index + “)”);

关键是外面有引号

有引号被当字符串处理了

说真的现在感觉,有些基础的东西出错,光靠自己调试根本找不出问题所在。比如刚才那个 + 号,我看书就没见过。出现这种错误百度也不知道什么关键词。真不知道  选择器 里面用变量 还要用到+号,那个《锋利的jQuery 》也没有明确的说 选择器 里面用变量 还要用到+号,包括我们的w3cschool。

Javascript 相关文章推荐
利用腾讯的ip地址库做ip物理地址定位
Jul 24 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
May 04 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
Jul 01 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
Apr 27 Javascript
Vue.js动态组件解析
Sep 09 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
利用Node.js编写跨平台的spawn语句详解
Feb 12 Javascript
详解vue-resource promise兼容性问题
Jun 20 Javascript
JS算法题之查找数字在数组中的索引位置
May 15 Javascript
elementUI 动态生成几行几列的方法示例
Jul 11 Javascript
vue data引入本地图片的两种方式小结
Nov 13 Javascript
jquery阻止后续事件只执行第一个事件
Jul 24 #Javascript
js星星评分效果
Jul 24 #Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 #Javascript
js创建对象的区别示例介绍
Jul 24 #Javascript
点击表单提交时出现jQuery没有权限的解决方法
Jul 23 #Javascript
Extjs根据条件设置表格某行背景色示例
Jul 23 #Javascript
技术男用来对妹子表白的百度首页
Jul 23 #Javascript
You might like
初品cakephp 入门基础
2012/02/16 PHP
用PHP实现 上一篇、下一篇的代码
2012/09/29 PHP
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
PHP实现登录验证码校验功能
2018/05/17 PHP
PHP实现的XXTEA加密解密算法示例
2018/08/28 PHP
tp5递归 无限级分类详解
2019/10/18 PHP
javascript的console.log()用法小结
2012/05/31 Javascript
jQuery中复合属性选择器用法实例
2014/12/31 Javascript
浅谈jQuery构造函数分析
2015/05/11 Javascript
详解Webwork中Action 调用的方法
2016/02/02 Javascript
jQuery对checkbox 复选框的全选全不选反选的操作
2016/08/09 Javascript
Web打印解决方案之普通报表打印功能
2016/08/29 Javascript
利用D3.js实现最简单的柱状图示例代码
2016/12/09 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
浅谈vue的踩坑路
2017/08/31 Javascript
jquery 一键复制到剪切板的实例
2017/09/20 jQuery
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
2018/02/11 Javascript
AngularJS实现的自定义过滤器简单示例
2019/02/02 Javascript
js瀑布流布局的实现
2020/06/28 Javascript
Python时区设置方法与pytz查询时区教程
2013/11/27 Python
Python中的FTP通信模块ftplib的用法整理
2016/07/08 Python
Python基于滑动平均思想实现缺失数据填充的方法
2019/02/21 Python
11个Python Pandas小技巧让你的工作更高效(附代码实例)
2019/04/30 Python
Pytorch 实现权重初始化
2019/12/31 Python
Python实现加密接口测试方法步骤详解
2020/06/05 Python
英国家庭、花园、汽车和移动解决方案:Easylife Group
2018/05/23 全球购物
FC-Moto瑞典:欧洲最大的摩托车服装和头盔商店之一
2018/11/27 全球购物
Marlies Dekkers内衣法国官方网上商店:国际知名的荷兰内衣品牌
2019/03/18 全球购物
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
Weblogic和WebSphere不同特点
2012/05/09 面试题
社区十八大感言
2014/01/19 职场文书
门店业绩提升方案
2014/06/08 职场文书
公司承诺函范文
2015/01/21 职场文书
本科毕业论文致谢词
2015/05/14 职场文书
详解PHP Swoole与TCP三次握手
2021/05/27 PHP
windows server2012 R2下安装PaddleOCR服务的的详细步骤
2022/09/23 Servers