不需要的连接jquery

不需要的连接jquery,jquery,loops,concatenation,Jquery,Loops,Concatenation,我有一个表格,我需要加上保险费(每枚邮票0.30美元),我用一个。每个。来计算书的大小(邮票的数量),也用同样的循环来计算书的数量 我的逻辑是得到表中每个选定行的图书大小*图书数量,然后将结果合并为一个数字 结果总是多个串联数字,而不是返回单个组合数字 jQuery(document).ready(function($) { $('select').change(function(){ $(this).parent().parent().addClass('se

我有一个表格,我需要加上保险费(每枚邮票0.30美元),我用一个。每个。来计算书的大小(邮票的数量),也用同样的循环来计算书的数量

我的逻辑是得到表中每个选定行的图书大小*图书数量,然后将结果合并为一个数字

结果总是多个串联数字,而不是返回单个组合数字

 jQuery(document).ready(function($) {

      $('select').change(function(){

        $(this).parent().parent().addClass('selected');

        });

      $( "#target" ).submit(function( event ) {

        event.preventDefault();

var value = 0;

        $(".selected").each(function() {

          var size = parseFloat($(".selected .book_size").text(), 10);

          var qty = parseFloat($(".selected .stamps_qty").val(), 10);


        value += qty * size;

        console.log(value * 0.3);

        });

    });


    }); // jquery noConflict


<FORM id = "target">
<TR>
            <TD class = "book_size">5</TD>
              <SELECT class = "stamps_qty">
                <option value=0>0
                <option value=1>1
                <option value=2>2
            </SELECT>
    </TR>
    <TR>
            <TD class = "book_size">10</TD>
              <SELECT class = "stamps_qty">
                <option value=0>0
                <option value=1>1
                <option value=2>2
            </SELECT>
    <TD class = "book_size">30</TD>
              <SELECT class = "stamps_qty">
                <option value=0>0
                <option value=1>1
                <option value=2>2
            </SELECT>
    </TR>
</FORM>
jQuery(文档).ready(函数($){
$('select').change(函数(){
$(this.parent().parent().addClass('selected');
});
$(“#目标”)。提交(功能(事件){
event.preventDefault();
var值=0;
$(“.selected”)。每个(函数(){
var size=parseFloat($(“.selected.book_size”).text(),10);
var qty=parseFloat($(“.selected.stamps_qty”).val(),10);
值+=数量*大小;
console.log(值*0.3);
});
});
}); // jquery无冲突
5.
0
1.
2.
10
0
1.
2.
30
0
1.
2.

假设脚本html正确,则需要查找相关元素(大小和数量)

jQuery(函数($){
$(“#目标”)。提交(功能(事件){
event.preventDefault();
var值=0;
$(“.stamps_数量”)。每个(函数(){
var qty=parseFloat($(this).val(),10);
如果(数量){
var size=parseFloat($(this).parent().prev(“.book_size”).text(),10);
值+=(数量*大小);
}
});
});
}); // jquery无冲突

5.
0
1.
2.
10
0
1.
2.
30
0
1.
2.

请提供一些演示!你的html完全搞乱了太好了,我在使用第二个代码。它稍微长一点,但有效。在第一段代码中,Prev()不适用于我。我的示例代码已经简化&“.book\u size”不是直接的前身。