快捷導(dǎo)航

Jquery選擇器中使用變量實(shí)現(xiàn)動(dòng)態(tài)選擇例子

更新時(shí)間：2014年07月25日 09:03:27 投稿：junjie

這篇文章主要介紹了Jquery選擇器中使用變量實(shí)現(xiàn)動(dòng)態(tài)選擇例子,這樣做的好處我們可以動(dòng)態(tài)選擇一些元素,核心思想其實(shí)就是用字符串組合,需要的朋友可以參考下

例子一：

<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)該注意的問(wèn)題

這是原來(lái)的代碼

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(“首頁(yè)”,$newavalue);

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

var $afterresource = $newavalue + $afterresource.replace(“首頁(yè)”,$newavalue);

實(shí)現(xiàn)的是關(guān)鍵詞替換，不過(guò)到第三行時(shí)候不執(zhí)行了，調(diào)試啊，替換啊，都不行。從早上到剛才一直在各種群里面發(fā)問(wèn)，終于 …… 俺們大本營(yíng) 的Lomu大神一陣見(jiàn)血：

你的寫(xiě)法不對(duì)

要連接符

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

改為

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

關(guān)鍵是外面有引號(hào)

有引號(hào)被當(dāng)字符串處理了

說(shuō)真的現(xiàn)在感覺(jué)，有些基礎(chǔ)的東西出錯(cuò)，光靠自己調(diào)試根本找不出問(wèn)題所在。比如剛才那個(gè) + 號(hào)，我看書(shū)就沒(méi)見(jiàn)過(guò)。出現(xiàn)這種錯(cuò)誤百度也不知道什么關(guān)鍵詞。真不知道選擇器里面用變量還要用到+號(hào)，那個(gè)《鋒利的jQuery 》也沒(méi)有明確的說(shuō) 選擇器里面用變量還要用到+號(hào)，包括我們的w3cschool。

您可能感興趣的文章: