jquery - 我们可以使用序列化数组从具有相同名称的多个元素中获取 id

Question

我有一个具有相同名称但不同 id 的表单。我能够序列化数组，但无法获取当前 id。

<form action="test.php" id="loginform" name="loginform" method="post">
     <input name="title[]" id="title1" type="text" value="" tabindex="1" />
     <input name="title[]" id="title2" type="text" value="" tabindex="2" />
     <input  name="title[]" id="title3" type="text" value="" tabindex="3" />
     <input type="submit" name="submit" value="Submit" id="submit" tabindex="4" />
 </form>

$('#loginform').bind('submit', function() { 
    var elements = $(this).serializeArray();
    $.each(elements, function(i, element) {
        var temp = $('#' + element['name']);
       var name = this.name; alert(name);
 var id = $(this).attr("id");alert(id); 
        (temp.val() == '') ? temp.css({'background': '#FFC4C4', 'border': '1px solid #F00'}) : temp.removeClass('hightlight');
    });
    return false;
});

我得到了名字，但没有得到 ID。任何人都可以调查一下......

Demo

Answer 1

我认为我理解你的问题，但我不是100%确定。如果我的理解是正确的，您正在尝试迭代您的输入并获取每个输入的 ID 属性。

如果这就是您需要做的全部，那么有一种更简单的方法可以实现它。

$('#loginform').submit(function(ev) {
    $('input[type=text]', this).each(function(index, element) {
      alert($(element).attr('id'));
    });
    ev.preventDefault();
});

所以，快速分割:

• 首先，$('input[type=text]', this) 获取我们提交的表单中的所有文本输入。
• 然后，我们使用 .each() 迭代它们。
• 对于每个元素，我们使用.attr()来获取ID，并将其传递给alert()以显示给用户。

Updated Demo