jQuery选择父元素的子元素

Question

单击提交按钮时，我试图返回以下代码和HTML所示的文本内容，但由于某种原因，结果始终返回未定义，有人可以通过告诉我我做错了/这里缺少以及如何获取文本字段的值？ 谢谢

<div class="col_full">       
    <div class="col_full">
        <label for="textFieldLabel">Label<small>*</small></label>
        <input type="text" id="textFieldLabel" name="textFieldLabel" value="" class="sm-form-control required">
    </div>
</div>

<div class="col_full">
    <button class="button button-3d nomargin" type="submit" id="addNewField" name="addNewField" value="submit">Add</button>
</div>

到目前为止，我尝试过的代码：

$('#addNewField').closest('.col_full').children('[name=textFieldLabel]').val();
$('#addNewField').parent().children('[name=textFieldLabel]').val();

Answer 1

您的输入字段具有ID。 因此，您可以只使用$("#textFieldLabel").val() 。 如果页面上只有一个名为textFieldLabel的输入，您也可以通过输入名称找到输入： $("input[name=textFieldLabel]").val() 。

Answer 2

您需要遍历之前提交按钮parent div的同级元素，然后在其中找到元素：

$('#addNewField').parent().prev().find('[name=textFieldLabel]').val();

工作演示

Answer 3

尝试这个

$('#addNewField').parent().prev('.col_full').find('input[name=textFieldLabel]').val();