您的位置:澳门新葡8455最新网站 > 服务器运维 > Jquery选择器中应用变量实现动态选用例子

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

发布时间:2019-12-02 18:02编辑:服务器运维浏览(143)

    例子一:

    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)”);
    

    澳门新葡8455最新网站,改为

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

    关键是外面有引号

    有引号被当字符串处理了

    说真的现在感觉,有些基础的东西出错,光靠自己调试根本找不出问题所在。比如刚才那个

    • 号,我看书就没见过。出现这种错误百度也不知道什么关键词。真不知道  选择器 里面用变量 还要用到+号,那个《锋利的jQuery 》也没有明确的说 选择器 里面用变量 还要用到+号,包括我们的w3cschool。

    用户名

    jquery 选择器中有变量

    带变量是可以的
    具体问题贴上代码看看  

    状态

    Jquery选择器怎选择变量

    告诉你一个很简单的方法,
    在修改超链接中加个函数:Upd(this)传一个this
    在Upd函数中这样写:
    function Upd(obj){
    var par=obj.parentNode.parentNode;//拿到你当前修改的这一行数据

    //然后将值放到右边的text中
    $("#帐号").val(par.cells[0].innerHTML);

    $("#密码").val(par.cells[1].innerHTML);
    $("#部门").val(par.cells[2].innerHTML);
    $("#状态").val(par.cells[3].innerHTML);
    }
    ok,简单吧,这样要是不行,我直播吃翔,不明白再问我吧。  

    例子一: table tr th用户名/th th状态/th tr tr td张三/td td data-uid="10000"正常/td tr tr td李四...

    张三

    正常

    李四

    冻结

    王二麻子

    冻结

    例子二:

     ${ alert; var v=4; var test=$("input[type='radio'][value='"+v+"']");//&#30452;&#25509;&#25340;&#25509;&#23383;&#31526;&#20018;&#23601;&#21487;&#20197;&#20102; console.info; var testValue=test.attr; console.info;   This is my JSP page. 
    
    性别: 男 0 女 1 女 2 女 3 女 4

    例子三、jQuery中选择器参数使用变量应该注意的问题

    var li_index = $;var $content_index = li_index + 2;var $content_progress = $(“div.content:eq(” + $content_index + “)”);var $newavalue = $.attr;var $resource = $.html().replace;var $afterresource = $resource.replace;var $afterresource = $newavalue + $afterresource.replace;
    

    实现的是关键词替换,不过到第三行时候不执行了,调试啊,替换啊,都不行。 从早上到刚才一直在各种群里面发问,终于 …… 俺们大本营 的Lomu大神一阵见血:

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

    有引号被当字符串处理了

    说真的现在感觉,有些基础的东西出错,光靠自己调试根本找不出问题所在。比如刚才那个

    • 号,我看书就没见过。出现这种错误百度也不知道什么关键词。真不知道 选择器 里面用变量 还要用到+号,那个《锋利的jQuery 》也没有明确的说 选择器 里面用变量 还要用到+号,包括我们的w3cschool。

    本文由澳门新葡8455最新网站发布于服务器运维,转载请注明出处:Jquery选择器中应用变量实现动态选用例子

    关键词: