Jquery选择器中使用变量实现动态选择例子

￡神魔★判官ぃ 2022-05-22 07:54 372阅读 0赞

## **Jquery选择器中使用变量实现动态选择例子** ##

1.Jquery选择器中使用变量实现动态选择例子，这样做的好处我们可以动态选择一些元素

例子一：

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

2.例子二：

3.例子三：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);

其中第三行的正确写法为：

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

注： 选择器 里面用变量 还要用到+号