Question

我有一个简单的问题，我在jQuery中有一个foreach循环。我想要做的是将总价格写入<p class="fT"></p>部分，如下所示（$(".fT").html(totalPrice);）但每次我都将相同的数据写入fT类。我该如何解决这个问题？

$(document).ready(function () {
                        var totalPrice;
                        var pricerange = 1;
                        var day = 12;

                        $("p.pxclass").each(function (index, value) {

                            var f1 = parseFloat($(".f1",this).text());
                            var f2 = parseFloat($(".f2",this).text());
                            var f3 = parseFloat($(".f3", this).text());
                            var f4 = parseFloat($(".f4", this).text());
                            alert(f1);


                                if (pricerange == 1) {
                                    totalPrice = day * f1;

                                }
                                if (pricerange == 2) {
                                    totalPrice = day * f2;

                                }
                                if (pricerange == 3) {
                                    totalPrice = day * f3;

                                }
                                if (pricerange == 4) {
                                    totalPrice = day * f4;

                                }

                                $(this).find(".fT").html(totalPrice);

                                alert("total price:" + totalPrice);

                              });









                    });
                            </script>

此部分取决于数据库中的计数，重复4或5次

     <p class="pxclass">
                                  1-3 :   <p class="f1"> <%# DataBinder.Eval(Container.DataItem,"_Agfg.Fiyat1") %></p>   €
                                  4-7  :  <p class="f2"> <%# DataBinder.Eval(Container.DataItem,"_Agfg.Fiyat2") %></p>  €
                                 8-14 :   <p class="f3"><%# DataBinder.Eval(Container.DataItem,"_Agfg.Fiyat3") %></p>     €
                                  15-21+ :  <p class="f4"> <%# DataBinder.Eval(Container.DataItem,"_Agfg.Fiyat4") %></p>    €

                                  Total Price :   <p class="fT"></p>€
                                                      </p>

     <p class="pxclass">
                                  1-3 :   <p class="f1"> <%# DataBinder.Eval(Container.DataItem,"_Agfg.Fiyat1") %></p>   €
                                  4-7  :  <p class="f2"> <%# DataBinder.Eval(Container.DataItem,"_Agfg.Fiyat2") %></p>  €
                                 8-14 :   <p class="f3"><%# DataBinder.Eval(Container.DataItem,"_Agfg.Fiyat3") %></p>     €
                                  15-21+ :  <p class="f4"> <%# DataBinder.Eval(Container.DataItem,"_Agfg.Fiyat4") %></p>    €

                                  Total Price :   <p class="fT"></p>€
                                                      </p>

   <p class="pxclass">
                                  1-3 :   <p class="f1"> <%# DataBinder.Eval(Container.DataItem,"_Agfg.Fiyat1") %></p>   €
                                  4-7  :  <p class="f2"> <%# DataBinder.Eval(Container.DataItem,"_Agfg.Fiyat2") %></p>  €
                                 8-14 :   <p class="f3"><%# DataBinder.Eval(Container.DataItem,"_Agfg.Fiyat3") %></p>     €
                                  15-21+ :  <p class="f4"> <%# DataBinder.Eval(Container.DataItem,"_Agfg.Fiyat4") %></p>    €

                                  Total Price :   <p class="fT"></p>€
                                                      </p>

Answer 1

您需要定位当前fT元素内的pxclass元素，因此要么使用基于上下文的搜索，例如

$(".fT", this).html(totalPrice);

或使用find

$(this).find(".fT").html(totalPrice);

Jquery .each循环用于向类插入数据

1 个答案: