开发者社区> 问答> 正文

jquery 获取td内的input

我想获取

<td>数量<input type="text" name="data_"  id='aa' class="aaa"/></td>

 

<td>金额<div id='bb'></div></td>

 

var $shuliang = $(this).parent().find('td').find("#aa").val();

var $jine = $(this).parent().find('td').find("#bb").val();

这样写多吗,取不到值啊

展开
收起
a123456678 2016-07-08 14:26:37 2670 0
1 条回答
写回答
取消 提交回答
  • <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
    <script>
    $(function(){  
     
         $(".jisuan input").blur(function(e) {  
             
             var $shuliang = $(this).parent().find("#aa").val(); 
              if (isNaN($shuliang)) return true;
              var $danjia = $(this).parent().find("#bb").val();  
              if (isNaN($danjia)) return true;
              var $xiaoji =$(this).parent().find("#xj"); 
                       $xiaoji.text($shuliang*$danjia);
                 
                  var sum=0;  
                           $(".aaa").each(function(){  
                    
                   var $shuliang1 = $(this).parent().find("#aa").val(); 
              var $danjia1 = $(this).parent().find("#bb").val();  
                   sum+=$shuliang1*$danjia1;
                      });
                       
                       
                          var i=0;
               $.each($(".aaa"),function(n,item){
                 
                i+=parseInt($(item).val(),10);
               
            });
             
          if (isNaN(i)) return true;
                    $("#sum1").text(i);
                                                   
                     $("#sum").text(sum);  
                 
                      })   
                       
                     .blur(function(){
           $(this).val($(this).val().replace(/[^\d.]/gi,""));
        }) 
                      
                       })
                       </script>
    </script>
    </head>
    <body>
       <table width="100%" border="1" class="table_sum">
        <tr class="jisuan"><td>
    数量<input type="text" name="data_"  id='aa' class="aaa"/></td>
    <td>单价<input type="text" name="dj"  id='bb' /></td>
    <td>小计<span id="xj"></span></td>
    </tr>
     
    <tr class="jisuan"> 
    <td>
    数量<input type="text" name="data_"  id='aa' class="aaa"/></td>
    <td>单价<input type="text" name="dj"  id='bb'/></td>
    <td>小计<span id="xj" ></span></td>
    </td>
    </tr>
     
     
     
    </table>
    数量合计   <span id="sum1">    </span>              金额总计<span id="sum"></span>
    </body>
    </html>
    2019-07-17 19:53:21
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载