图灵学院--Java高级架构师-互联网企业级实战VIP课程(价值6380)(qq:1324981084)

jq是一般程序员在前台开发的时候都会使用的技术，其中模糊匹配查询在动态添加标签的时候经常用到，这里我写出我经常用到的几个模糊匹配的方法。

其中有:^(前缀)、$(后缀)、*(包含)

例如有这样一段代码：

<div>

    <input id="id1" type="text" name="name1" value="1" id_temp="haha"/>

    <input id="id2" type="text" name="name2" value="2"/>

    <input id="id3" type="text" name="name3" value="3" />

    <input id="id4" type="text" name="name4" value="4"/>

</div>

1、利用id获得id1的value值

var id1_value = $("#id1").val() ;

var id1_value1 = $(input:text[id='id1']).val();//获得id等于id1的text文本的值

//var id1_value1 = $(input:text[name='name1']).val();//获得name等于name1的text文本的值

2、利用attr()方法获得任意属性的值

var attr_value = $("#id1").attr("id_temp");

3、按name值的前缀进行匹配,返回一个包含input所有属性的的jq对象

$(input:text[name^='name'])

4、按name的后缀进行匹配

$(input:text[name$='name'])

5、按name是否包含某些字母进行匹配

$(input:text[name*='nam'])

例子3、4、5都是模糊匹配，返回的是一个jq的集合对象，所以需要用jq提供的方法取出所需要的值。方法如下：

.each(function(i，n){

  //i会循环出匹配到的jq对象的个数，i从0开始

  //n是匹配到的jq对象，取值为n.id,这样就会把id的值取出来

}); 
<!DOCTYPE html>

<html>

<head>

<script src="/jquery/jquery-1.11.1.min.js">

</script>

<script>
//添加内容，拼接想要添加的内容

function add(){

   var num = $("#num").val();

   var temp = '<input type="text" id="id'+num+'" name="name'+num+'"/>'+

   '<input type="button" value="删除" id="delete_id'+num+'"onclick="delete1(this.id)"/></br>';

$("#temp").append(temp);//将拼接好的字符串添加到预备好的位置

$("#num").val(++num)

}
//利用id删除一行数据

function delete1(id){

var text_id = id.replace("delete_","");

$("#"+text_id).remove();

$("#"+id).next().remove();

$("#"+id).remove();
//模糊匹配将id和name进行重新赋值

$("input[id^='id']").each(function(i,n){

    $("#"+n.id).attr("id","id"+i);

    $("#"+n.id).attr("name","name"+i);

        });

$("input[id^='delete_id']").each(function(i,n){

    $("#"+n.id).attr("id","delete_id"+i);

        });

var num = $("#num").val();

$("#num").val(--num);

}

</script>

</head>

<body>

<input tuype="text" id="num" value="0"/>

<input type="button" value="添加" onclick="add()"/>

<div id="temp">

//用于放置添加的内容

</div>

</body>

</html>

jq模糊匹配的更多相关文章

  1. jq模糊匹配（qq:2798641729）

    图灵学院--Java高级架构师-互联网企业级实战VIP课程(价值6380)(qq:1324981084) jq是一般程序员在前台开发的时候都会使用的技术,其中模糊匹配查询在动态添加标签的时候经常用到, ...

  2. EasyUi模糊匹配搜索框combobox

    现在项目当中很多已经应用了Jquery-easyUi这个界面框架了,所以,学习一点easyUI的常用工具就显得很重要了,现在介绍的就是我在项目中用到的easyUi的模糊匹配组合框combobox. c ...

  3. 1035-Spell checker(模糊匹配)

    一,题意: 给出一组字典的单词,以'#'结束,之后给出一组要执行模糊匹配的单词序列,以'#'结束 1,若某个单词能在字典中找到,则输出corret 2,若某个单词能通过 变换 或 删除 或 添加一个字 ...

  4. sql模糊匹配中%、_的处理

    防sql注入之模糊匹配中%._处理: StringBuilder sbSql = new StringBuilder(); sbSql.Append(@"SELECT * from tabl ...

  5. 记一个同时支持模糊匹配和静态推导的Atom语法补全插件的开发过程: 序

    简介 过去的一周,都睡的很晚,终于做出了Atom上的APICloud语法提示与补全插件:apicloud_autocomplete.个中滋味,感觉还是有必要记录下来的.代码基于 GPL-3.0 开源, ...

  6. 茗洋Easy UI 1.3.2 部分问题解决系列专题[Combo模糊匹配中文问题 修复]

    本次给大家带来的EasyUI的我研究拓展的新特性 我使用的是  EasyUI 1.3.2版本的,项目是ASP.NET MVC3,但是本篇讲解用不上ASP.NET MVC,仅仅修改官方Demo你就知道怎 ...

  7. Mysql 模糊匹配和转义字符

    首先创建一个测试表: insert into test(tt) values('\\\\172.18.28.153'); 现在我想使用模糊匹配,查出以 “\\172” 开头的字符串. 需要使用like ...

  8. grep是模糊匹配

    1. 我:我用的ps -nat|grep -i "80"|wc -l命令 我:解释详细点,,龙哥,对于我这种菜鸟:也是模糊匹配 :你用 grep "80" 会匹 ...

  9. ExtJs combobox支持模糊匹配

    其实很简单,我们只需要在创建下拉框时,给下拉框添加一个监听事件,代码如下:   //以下监听事件用于对下拉项进行模糊匹配                     ,listeners:{       ...

随机推荐

  1. List<string>和string[]

    List<string>和string[] List<string>是集合:string[]是数组: ///////////////////////////////////// ...

  2. SaaS模式和实现思路

    EFW框架开发的系统支持SaaS模式和实现思路 回<[开源]EFW框架系列文章索引>        EFW框架源代码下载V1.3:http://pan.baidu.com/s/1c0dAD ...

  3. foreach,foreachelse

    foreach,foreachelse Table of Contents目录 iteration 用于显示当前循环的执行次数[待考] first : 当前 foreach 循环第一次执行时 firs ...

  4. [转载+实践理解]Android动画---如何正确使用平移动画（关于fillBefore和fillAfter的一点说明）（转载）

    红色部分为自己的实践理解 如何实现将View向上平移自身高度一半的距离? TranslateAnimation translate = new TranslateAnimation( Animatio ...

  5. Web面试之JQuery

    程序员Web面试之JQuery   又到了一年一度的毕业季了,青春散场,却等待下一场开幕. 在求职大军中,IT行业的程序员.码农是工科类大学生的热门选择之一, 尤其是近几年Web的如火如荼,更是吸引了 ...

  6. Carmichael Numbers - PC110702

    欢迎访问我的新博客:http://www.milkcu.com/blog/ 原文地址:http://www.milkcu.com/blog/archives/uva10006.html 原创:Carm ...

  7. C# STA和MTA线程设置

    参考资料: http://www.yesky.com/20010207/158097.shtml http://www.ftponline.com/china/XmlFile.aspx?ID=242 ...

  8. iOS基础 - UITableViewController

    1. 继承UITableViewController默认会设置数据源和代理,并且会自动遵守数据源和代理协议,并且self.tableView 相当于 self.view 2.更换控制器时,注意把sto ...

  9. Shards

    跟我一起云计算(5)——Shards   什么是sharding Sharding的基本思想就要把一个数据库切分成多个部分放到不同的数据库 (server)上,从而缓解单一数据库的性能问题.不太严格的 ...

  10. 一种最坏情况线性运行时间的选择算法 - The missing worst-case linear-time Select algorithm in CLRS.

    一种最坏情况线性运行时间的选择算法 - The missing worst-case linear-time Select algorithm in CLRS. 选择算法也就是求一个无序数组中第K大( ...