Question

我试图通过单击提交按钮返回下面的代码和HTML中显示的文本内容，但由于某种原因，结果总是返回undefined，有人可以通过告诉我我是什么来帮助我在这里做错了/失踪以及如何获得文本字段的值？感谢

<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();

Working Demo

Answer 3

试试这个

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

JQuery选择父元素的子元素

3 个答案:

Working Demo