jquery - 用jQuery获取HTML数组元素

我有一个HTML数组；

<input class="input_box" name="authors[]" id="author1"/>

我想做的是，在不刷新页面的情况下获得该数组的值，而不显示页面，(我确实在独立的div中，在输入字段旁边显示值)

$(document).ready(function(){
$("input[id^="author"]").change(update);
});
    function update(){
    var authors=new Array();
    $("input[id^="author"]").each(function(){authors.push($(this).text()) });
    var author= '"' + authors.join('", "') + '"';

    $('#val-authors').html('authors:<span class="red"> "'+author+'"</span>');}

我在<div id="val-authors">中看到的唯一是"",
我想念什么？

提前致谢..

最佳答案

您的选择器:

$("input[id^="author"]")

是不正确的，因为您正在尝试在双引号中使用双引号。一对中的一个必须为单引号。

如果您使用的是JS调试器，则应该立即可见。

FWIW，这是一种检索所需数组的更干净的方法:

var authors = $('input[id^="author"]').map(function() {
  return this.value;
}).get();

关于jquery - 用jQuery获取HTML数组元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9716344/