Jquery選擇器中使用變量實(shí)現(xiàn)動態(tài)選擇例子
例子一:
<table>
<tr>
<th>用戶名</th>
<th>狀態(tài)</th>
<tr>
<tr>
<td>張三</td>
<td data-uid="10000">正常</td>
<tr>
<tr>
<td>李四</td>
<td data-uid="10001">凍結(jié)</td>
<tr>
<tr>
<td>王二麻子</td>
<td data-uid=10002>凍結(jié)</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中選擇器參數(shù)使用變量應(yīng)該注意的問題
這是原來的代碼
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);
實(shí)現(xiàn)的是關(guān)鍵詞替換,不過到第三行時(shí)候不執(zhí)行了,調(diào)試啊,替換啊,都不行。 從早上到剛才一直在各種群里面發(fā)問,終于 …… 俺們大本營 的Lomu大神一陣見血:
你的寫法不對
要連接符
$(“div.content:nth-child($content_index)”);
改為
$(“div.content:nth-child(” + $content_index + “)”);
關(guān)鍵是外面有引號
有引號被當(dāng)字符串處理了
說真的現(xiàn)在感覺,有些基礎(chǔ)的東西出錯(cuò),光靠自己調(diào)試根本找不出問題所在。比如剛才那個(gè) + 號,我看書就沒見過。出現(xiàn)這種錯(cuò)誤百度也不知道什么關(guān)鍵詞。真不知道 選擇器 里面用變量 還要用到+號,那個(gè)《鋒利的jQuery 》也沒有明確的說 選擇器 里面用變量 還要用到+號,包括我們的w3cschool。
相關(guān)文章
Jquery Uploadify上傳帶進(jìn)度條的簡單實(shí)例
本篇文章主要是對Jquery Uploadify上傳帶進(jìn)度條的簡單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02
基于jquery的使ListNav兼容中文首字拼音排序的實(shí)現(xiàn)代碼
jQuery的字母排序插件ListNav不支持中文,比較頭疼,最后找到一個(gè)取中文首字母的JS函數(shù),再配合ListNav,可以完善支持中文按首字母進(jìn)行排序。2011-07-07
Jquery屬性的獲取/設(shè)置及樣式添加/刪除操作技巧分析
這篇文章主要介紹了Jquery屬性的獲取/設(shè)置及樣式添加/刪除操作技巧,結(jié)合實(shí)例形式分析了jquery針對屬性與樣式的相關(guān)獲取、設(shè)置、添加、刪除等相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2019-12-12
jQuery插件 tabBox實(shí)現(xiàn)代碼
最近對js以及jq產(chǎn)生了濃厚的興趣,看到j(luò)q有很多很好用的插件,功能各異,包括webUI,jqGrid等等。心里萌發(fā)了制作屬于自己的jq插件的想法。2010-02-02
基于jQuery實(shí)現(xiàn)仿搜狐辯論投票動畫代碼(附源碼下載)
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)仿搜狐辯論投票動畫代碼 的相關(guān)資料,需要的朋友可以參考下2016-02-02
jQuery+ThinkPHP+Ajax實(shí)現(xiàn)即時(shí)消息提醒功能實(shí)例代碼
這篇文章主要介紹了jQuery+ThinkPHP+Ajax實(shí)現(xiàn)即時(shí)消息提醒功能的實(shí)例代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-03-03
jQuery Validate讓普通按鈕觸發(fā)表單驗(yàn)證的方法
一般的表單校驗(yàn)都是直接注冊在頁面上的匿名函數(shù),導(dǎo)致只能通過固定的提交方式觸發(fā)表單校驗(yàn),如果想自定義一個(gè)按鈕觸發(fā)表單校驗(yàn)如何實(shí)現(xiàn)呢,下面通過本文給大家詳細(xì)介紹2016-12-12

