首頁 > 文章 > web前端 > Jquery選擇器中使用變數實作動態選擇範例_jquery

Jquery選擇器中使用變數實作動態選擇範例_jquery

WBOY原創: 2016-05-16 16:41:161546瀏覽

例子一：

<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。

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：在JS數組特定索引處指定位置插入元素_javascript技巧下一篇：在JS數組特定索引處指定位置插入元素_javascript技巧

看更多

Jquery選擇器中使用變數實作動態選擇範例_jquery

相關文章