读取数组名为 jquery 的 html 元素

Question

可能的重复：
如何获取值按名称而不是 ID 的元素

如何从以下 HTML 文档中读取名为 item[tags][] 的字段的值：

<ul id="mytags" class="tagit">
     <li class="tagit-choice">
       Acrylic
        <input type="hidden" name="item[tags][]" value="Acrylic" style="display: none;">
      </li>
     <li class="tagit-choice">
       Bath
     <input type="hidden" name="item[tags][]" value="Bath" style="display: none;">
     </li>
</ul>

Answer 1

$(document).ready(function() {
    $('input[name="item[tags][]"]').each(function (){
        alert($(this).val());
    });
});

Answer 2

您可以使用它来获取名为“something”的输入的值。如果你想获取它的值，你不应该使用 display none

$('input[name=something]').val()

Answer 3

您不必使用括号将值作为数组传递，因为 name 不需要在页面中保持唯一。具有相同 name 属性的值会自动作为数组传递到表单提交中。

我创建了一个用元素值填充 JS 数组的示例。

标记：

<ul id="mytags" class="tagit">
     <li class="tagit-choice">
     Acrylic
     <input type="hidden" name="tags" value="Acrylic">
     </li>
     <li class="tagit-choice">
     Bath
     <input type="hidden" name="tags" value="Bath">
     </li>
</ul>

代码

var tags = new Array[];
$("#mytags").find("[name='tags']").each(
    function() {
        tags.push($(this).val());
    }
);
alert(tags.toString());

您可以使用它： http://jsfiddle.net/VAjeN/