如何使用jQuery仅在隐藏输入上以逗号分隔的值检索第二个项目

Question

我有以下输入字段：

<input class="things" type="hidden" value="FirstItem,SecondItem"/>
<input class="things" type="hidden" value="FirstItem,SecondItem"/>

如何仅检索第二个值？ 我是否必须使用跳过第一个值的数组？ 我尝试了类似的方法，但由于不够具体，因此似乎无法正常工作：

querySelectorAll('.things').val().split(",");

非常感谢！

Answer 1

因此，为了使用一个或多个隐藏的输入字段来执行此操作，我利用了jQuery（个人喜好）。

1. 首先，我遍历给定的隐藏输入字段。 为此，您需要使用$("input[type=hidden].things")的正确选择器。 您可以只使用$(".things")或$("input[type=hidden]) ，但是将两者结合起来可以为您的问题提供更具体的选择器，因为您可以确保同时使用隐藏的输入字段和那些.things类。

2. 其次是提取值（我仅将alert()用于测试目的）。 通过使用split(",")您可以用逗号分隔当前- $(this) -输入字段中的字符串。 这将产生两个元素的数组（在我们的例子中）。 您需要[1]引用的数组中的第二个值。

3. 那我现在该怎么办？ 您可以将$(this).val().split(',')[1]在变量中，并根据需要使用它，可以将其传递给函数，也可以将其作为匿名函数的返回值。 现在实现取决于您，祝您好运！

jQuery代码：

$(document).ready(function(){
  $("input[type=hidden].things").each(function(key, value){
    alert($(this).val().split(',')[1]);
  });
});

进一步的阅读参考： split ， each ， val ， jquery属性选择器 。

Answer 2

尝试这个！

        var secondValues = $(".things").map(function(elm){
            return this.value.split(',')[1];
        }).get().join();