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

这篇文章主要介绍了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>  

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

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

文章来源：脚本之家作者：junjie

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

分享本文至：