Question

我有一个小提琴来解释我在使用什么， https://jsfiddle.net/wvz9p3e7/1/

这通常是在PHP中，并且有一个7或8件衣服的循环，所以我想要做的是，在小提琴右侧的窗口中，当你点击其中一个方框时，右边的窗口填充使用正确的服装ID和基本价格，

我可以获得服装ID，但是如何让JS找到基本价格并填写右边的文字？

$(document).ready(function() {
            $(".garment-select").click(function(event) {
                $("#garmentID").text(event.target.id);
                $(".garment-select").not(this).removeClass('selectecGarment');
                $(this).toggleClass( "selectecGarment" );
            });

            $(".garmentPanel > .").click(function(event) {
                $("#garmentID").text(event.target.id);
            });

        });

Answer 1

有几种方法可以解决这个问题。直截了当：

$(".garmentPanel").click(function() {
     $("#garmentID").text($(this).attr('id'));
     $("#garmentBasePrice").text($(this).find('.garmentPrice').text());
});

请参阅此fiddle

Answer 2

使用此jQuery语句来检索该价格 -

$('#garmentBasePrice').html($(this).next().next().text());

Fiddle

Jquery获取子div的值并替换页面

2 个答案: