获取子输入元素值更新

Get child input element value update

本文关键字：更新 元素 输入 获取      更新时间：2023-09-26

HTML代码如下：

<div id="input2" class="clonedInput">
    <div class="col-sm-3 text_flied">
        <div class="col-sm-4 no-padding">
            <input type="" class="bwidth" value="" placeholder="300" name="fr_width[1]">
        </div>
        <div class="col-sm-1 text_middle no-padding">
            <p>X</p>
        </div>
        <div class="col-sm-4 no-padding">
            <input type="" class=" bheight" value="" placeholder="300" name="fr_height[1]">
        </div>
    </div>
</div>

我想更新输入字段fr_width[1]的值。这些部分被动态创建为fr_width[2]、fr_width[3]等等

为了更新该值，我使用了以下代码，但它不起作用。我也尝试了children()选项。

$("#input2").siblings(".col-sm-4 input").val('123');
$("#input2").closest(".bwidth").val('123');

两种方式都不起作用。

尝试演示：-

   $("#input2").find(".text_flied").find(".bwidth").val('123');

OR

   $("#input2").children(".text_flied").find(".bwidth").val('123');

OR

   $("#input2").find(".bwidth").val('123');

OR

的最短路径

    $("#input2 .bwidth").val('123');

1） -closest仅适用于祖先或选择器本身。

2） -siblings仅适用于相同的继承节点

有很多方法可以找到required selector并将其设置为value。

谢谢！

您可以简单地使用这样的东西。如果您想动态获取特定项目。

 var itemIndex = 1;   
 $("input[name='fr_width["+itemIndex +"]']").val("123")

请阅读关于jQuery的siblings和closest的文档。

  • Siblings用于获取与选择器相同DOM级别上的元素，在本例中为#input2，而不是其子级
  • Closest用于获取DOM树中#input2的最近的父元素

你想要的只是：

$('#input2 input.bwidth').val('123')

以仅更新在CCD_ 14下输入的CCD_。如果有更多，则$('input.bwidth').val('123')应使用类名bwidth更新所有输入。

以下是关于jQuery的选择器如何工作的参考资料。

为什么这么难？只需选择id为"input2"的div中的所有输入字段。因此，您可以从返回的数组中选择inputfield。

示例：

    $('#input2 input').eq(0).val("123");
相关文章：