当前位置:  编程技术>WEB前端

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

    来源: 互联网  发布时间:2014-08-25

    本文导语:  例子一: 用户名 状态 张三 正常 李四 冻结 王二麻子 冻结 $(document).ready(function(){ var uid = 1001; $("td[data-uid = "+ uid +"]").html('正常'); } 例子二: $(function(){...

例子一:


  
    用户名
    状态
  
  
    张三
    正常
  
  
    李四
    冻结
  
  
    王二麻子
    冻结
  



$(document).ready(function(){
  var uid = 1001;
  $("td[data-uid = "+ uid +"]").html('正常');
}

例子二:


 $(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);
 }); 
 
 
 
  This is my JSP page. 
性别: 男 0 女 1 女 2 女 3 女 4

例子三、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。


    
 
 

您可能感兴趣的文章:

  • jQuery日期选择插件 jQuery UI Datepicker
  • jQuery 行政区选择插件 jQuery distpicker
  • jQuery 日期选择插件 jQuery-datepicker
  • jQuery区间选择控件 jquery range picker
  • jQuery的选择器引擎 Sizzle
  • jQuery下拉选择插件 MagicCombo
  • jQuery颜色选择器 ExColor
  • jQuery 颜色选择器 mColorPicker
  • jQuery日期选择插件 glDatePicker
  • jQuery 的日期选择插件 jdPicker
  • jQuery颜色选择器插件 Farbtastic
  • jQuery时间选择插件 jTimepicker
  • jQuery 日期选择插件 pickadate.js
  • jQuery颜色选择器 iColorPicker
  • jQuery 日期选择插件 Zebra_Datepicker
  • jQuery 颜色选择器 Spectrum
  • 日期选择控件 jQuery DateInput
  • jQuery :visible 选择器(冒号)的用法
  • jQuery地区选择插件 LocationSelect
  • jQuery 颜色选择插件 evol.colorpicker
  • JQuery中使用Ajax赋值给全局变量失败异常的解决方法
  • JQuery中使用Ajax赋值给全局变量异常的解决方法
  • 扩展jQuery对象时如何扩展成员变量具体怎么实现
  • 浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • JQuery转义id中特殊字符的例子
  • jquery检测浏览器名称和版本信息的例子
  • jQuery.proxy向函数中传参的小例子
  • jQuery提交多个表单的小例子
  • jquery获得url参数列表的例子
  • jQuery查看事件内容的小例子
  • jQuery循环array与map小例子
  • jquery 绑定、捕获、拦截回车事件的例子
  • jquery转化Datatable为json数据的例子
  • jquery 获取URL请求参数的小例子
  • jquery 文字上下滚动的小例子
  • jquery链式操作、链式写法的小例子
  • jquery hide方法隐藏元素的例子
  • jquery判断浏览器后退时弹出消息的例子
  • jQuery为checkbox、radio赋值的例子
  • jquery隐藏标签、显示标签的例子
  • JQuery checkbox全选的小例子
  • jQuery判断checkbox是否选中的小例子
  • jQuery元素属性attr设置多个键值的例子
  • jQuery 随机展示图片的例子
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3