如何将变量id添加到jquery的选择器中

今天在做广州仲裁委员会的系统时这样的一个需求,需要在页面一加载的时候查询各个项目的案件数,这里有很多个项目,一开始我是这样写的:

代码如下:

    $.get(assignedCaseUrl,function(data){
        $("#waitingAllocationSecretary").html("等待部长分配办案秘书("+data.total+")");
        if(data.total!=0){
            $("#waitingAllocationSecretary").css("background","#f99");
        }
    });

    $.get(collectedCaseUrl,function(data){
        $("#waitingRegisterCase").html("我收到等待立案("+data.total+")");
        if(data.total!=0){
            $("#waitingRegisterCase").css("background","#f99");
        }
    });

    $.get(filedCaseUrl,function(data){
        $("#waitingOrganize").html("我已立案等待组庭("+data.total+")");
        if(data.total!=0){
            $("#waitingOrganize").css("background","#F99");
        }
    });

很显然,对于很多的项目来说,这种简单的重复显得代码特别臃肿,所以我和很多人一样,打算用一个函数封装这些功能,一开始是这样的:

    //获取每一个项目的待处理的案件的数目,传入那个项目的获取数目的url,和那个项目的id
    function getNumber(url,id){
    $.get(url,function(data){
        $("#"+id).append("("+data.total+")");
        if(data.total!=0){
            $("#"+id).css("background","#f99");
        }
    });
}

但是程序报错了,我又错误的改成这样:

	//获取每一个项目的待处理的案件的数目,传入那个项目的获取数目的url,和那个项目的id
	function getNumber(url,id){
	$.get(url,function(data){
		$("\"#"+id+"\"").append("("+data.total+")");
		if(data.total!=0){
    		$("\"#"+id+"\"").css("background","#f99");
    	}
	});
}

显然,这样的方式也是不对的,那到底怎么把我的id值传到我的jq的选择器里面呢,下面看正确的写法:

	//获取每一个项目的待处理的案件的数目,传入那个项目的获取数目的url,和那个项目的id
	function getNumber(url,id){
	$.get(url,function(data){
		$(id).append("("+data.total+")");
		if(data.total!=0){
    		$(id).css("background","#f99");
    	}
	});
}

调用方式:

getNumber(assignedCaseUrl,waitingAllocationSecretary);
    getNumber(collectedCaseUrl,waitingRegisterCase);
    getNumber(filedCaseUrl,waitingOrganize);

其中id是我页面的id,我在页面调用这个函数的时候传进来的时候这个id已经不是字符串,而是一个jq对象,所以我们在选择器调用这个变量的时候,可以直接把id这个变量传进去,这个错误我犯了两次,所以记一下

时间: 2024-10-12 08:54:02

如何将变量id添加到jquery的选择器中的相关文章

jQuery的选择器中的通配符[id^='code']

1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 (2)根据索引选择 $("tbody tr:even"); //选择索引为偶数的所有tr标签 $("tbody

jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结

1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 $("input[name^='code']");//name属性以code开始的所有input标签 $("in

jQuery的选择器中的通配符

1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 (2)根据索引选择 $("tbody tr:even"); //选择索引为偶数的所有tr标签 $("tbody

jQuery的选择器中的通配符使用介绍

$("input[id^='data']");//id属性以data开始的所有input标签 $("input[id$='data']");//id属性以data结束的所有input标签 $("input[id*='data']");//id属性包含data的所有input标签

jQuery常用选择器总结

jQuery常用选择器总结: 我们都知道jQuery是JavaScript(JS)的框架,它的语法简单使用方便,被广大开发人员青睐.现在我就它常用的并且十分强大的选择器的方式,做一个总结.鉴于它的选择器方式众多,我就自己平时工作之中所遇到的常见的方式做一个总结. 一,元素查找方式: $("#myElement")    选择id为myElement的元素,因为id在使用中是唯一的,所以这样的选择也是指定的不变的. $("div")    选择所有的div标签元素,返

JQuery选择器中含有冒号的ID处理差异的分析

问题提出 对于一个输入框, 如果其id中含有冒号(:),选择器使用需要有特殊写法, 例如 id为下 <input type="text" value="ddd" id="a:b"> 使用$(selector)直接使用#id值, 找不到DOM console.log("#a:b")console.log($("#a:b").length) // output 0 经过探索可以使用以下两个方法选择到

点击GridView中TextBox弹出输入对话层,输入内容反传回先前点击的TextBox中(Jquery获取GridView中TextBox的ID)

项目中,由于用户反映说:GridView表中的输入框太小,不方便输入,特别是在输入内容多的时候.问能不能点击GridView中输入框的时候能弹出一个大的内容输入对话框. 介于用户的要求,我就开始修改. 先想到的就是我用Jquery在GridView中TextBox上添加一个focus焦点捕捉事件,当点击时触犯弹出内容输入框. 然后就是当输入完毕的操作了,我又使用内容输入框(其实也是一个TextBox)的焦点失去事件(blur),在该事件中先把值反馈回先前点击的GridView中的那个TextBo

sqlserver 必须声明标量变量 &quot;@id&quot; 什么原因,如何解决 存储过程 带参数

sqlserver 必须声明标量变量 "@id". 原因 set @sql = 'insert into stu(id,name) select top @id from stus'  // 错误 解决办法 set @sql = 'insert into stu(id,name) select top '+CONVERT(char(3),@id) +'from stus'  //正确

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID

query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下: $('#objId', parent.document);// 搞定... 在父页面 获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) 显示iframe中body元素的内容. $(document.getElementById('iframeId').contentWindow.document.body)