javascript - 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() .