Javascript JQuery选择父元素的子元素

我试图在点击提交按钮时返回下面代码和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>

---

您需要遍历到submit buttons父div的上一个同级，然后在其中查找元素：

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

试试这个

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

---

您的输入字段具有id。因此您可以只使用

$（“#textfieldlab”）.val（）

。如果页面上只有一个输入名为

textfieldlab

，您也可以通过其名称找到该输入：

$（“input[name=textfieldlab]”）。val（）

这甚至会针对下一个同级。

name

不必像ID那样唯一，因此ID更合适here@RGraham谢谢我已经说过了。非常感谢您的帮助，它现在工作得很顺利：）您知道关于使用JQuery操作dom元素的好教程吗？我尝试了JQuery网站，在那里我看到了很多函数，但没有真正掌握如何在那里操作dom元素。Thanks@MChan：我建议您使用dom并尝试在其中进行遍历和操作。我就是这样学的。从图书馆查看这些方法对培训没有多大帮助。

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