javascript - 如何使用jquery或javascript获取第n个div的子元素值

Question

我想获取第 4 个 div 的子输入元素的值。基本上我正在检查复选框值并想使用“this”关键字添加关联的输入框值这是我的 html 代码

<div class="container">
    <div class="cell-checkbox" style="float:left;margin-right:5%;">
        <input type="checkbox" name="select" value="7" class="big">
    </div>
    <div class="cell-desc" style="float:left;margin-right:5%;width:30%;">
        <!-- Content -->
    </div>
    <div class="cell-cart"> //input box is inside this div
        <table cellpadding="0" cellspacing="0" border="0">
            <tbody>
                <tr>
                    <td align="right">
                        <table align="center" class="cellBuy">
                            <tbody>
                                <tr align="right">
                                    <td width="1%">
                                        <input type="hidden" name="buyid" id="buyid" value="7">
                                        <input type="hidden" name="category" value="464">
                                        <input type="hidden" name="itemid" value="">
                                        <input name="qty" id="qty" size="6" maxlength="6" value="1" class="input"> /*want to get this input text value
                                        &nbsp;
                                    </td>
                                    <td height="20">
                                        <div align="left">
                                            <input type="button" class="btn-BuyOff" value="Buy" id="addtocart" name="addtocart">
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>  

我试过下面提到的代码，但它不起作用

var result = [];
$(':checkbox:checked').each(function (i) {
    result.push($(this).val() + "," + $(this).parent().next().find('#qty').val());// this is for finding quantity field value
});
var strreuslt = result.join(';');
alert(strreuslt);

Answer 1

尝试使用 closest 获取包含两个输入的最近父级，然后触发查找

$(':checkbox:checked').each(function (i) {
    result.push($(this).val() + "," + $(this).closest('.container').find('input[name="qty"]').val());
});

或:

  $(':checkbox:checked').each(function (i) {
        result.push($(this).val() + "," + $(this).parent().siblings('.cell-cart').find('input[name="qty"]').val());
    });

注意:如果您有多组输入，您需要将每组包装在一个 dom 元素中，最好是 ul li