Jquery選取器中使用變數實現動態選擇例子

Jquery選取器中使用變數實現動態選擇例子_jquery

最後更新：2017-01-19 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

例子一：

<table>  <tr>    <th>使用者名稱</th>    <th>狀態</th>  <tr>  <tr>    <td>張三</td>    <td data-uid="10000">正常</td>  <tr>  <tr>    <td>李四</td>    <td data-uid="10001">凍結</td>  <tr>  <tr>    <td>王二麻子</td>    <td data-uid=10002>凍結</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中選取器參數使用變數應該注意的問題

這是原來的代碼

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。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More