Question

我的元素结构类似于下面的元素。

<div class="Order_Wrapper">
    <div class="Order_left">
        <div class="Order_Subtotal">
            <span class="Order_Coupon"> (-)$
                <span class="Coupon_Amount">30.00</span>
            </span>
        </div>
    </div>
<div>

如何使用父，子选择器来获取Coupon_Amount元素中的值？

我试过了：

$('.Order_Coupon').children(".Order_Coupon").html()

还有：

$(this).closest('.Order_Wrapper').children('.Order_Coupon').html()

和

$(this).parents('.Order_Subtotal').children('.Coupon_Amount').html()

Answer 1

假设您拥有描述中所示的层次结构，并且例如，如果您选择了Order_Coupon元素，则可以通过.children方法获得优惠券金额。

var amount=$('.Order_Coupon').children().html();

根据您选择的内容，您可能必须使用.child的多个调用来查找coupon_amount元素。

var amount=$('.Order_Left').children().children().children().html();

但是，如果这些元素中的每一个都有id或类，则使用.find方法并指定选择器会更安全。查找还会搜索多个子图层。

var amount=$('.Order_Left').find('.Coupon_Amount').html();

这样您可以确保获得正确元素的值。如果有多个子元素，您调用.children，而不指定选择器，则可能会得到非常不正确的结果。

如何找到父类及其子类

1 个答案: