如何迭代类中的元素并测试父ID

Question

我有多个表单，我想获取父匹配特定ID的输入字段的文本。

这是我的代码，变量获胜者必须指向inputfield中的文本。 inputfield和button具有相同的父'form'，它具有特定的id（67）。

HTML：

<form name='form' id='67' method='post'>
   Winner: <input type='text' class='nameWinner' placeholder='name winner'>
   <input type='submit' class='getWinner'>
</form>

javascript：

$(".winnaarAanduiden").click(function() {
   var duel_id = jQuery(this).parent().attr("id");
   var winner = "unknown";

$(".nameWinner").each(function() {
   if($(this).parent().attr("id") == $duel_id) winner = $(this).val();
});

我做错了什么，或者语法不正确？

Answer 1

试试这个：

$(".winnaarAanduiden").click(function() {
   var duel_id = jQuery(this).parent().attr("id");
   var winner = $('#' + duel_id).find('.nameWinner')[0].innerText;
}

Answer 2

无需检查身份证，请尝试

$(".winnaarAanduiden").click(function () {
    var $form = $(this).closest('form');
    var winner = $form.find('.nameWinner').val() || "unknown";
});