jquery 如何从HTML数据属性中获取数据到数组中？

mdfafbf1 于 2023-03-17 发布在 jQuery

关注(0)|答案(1)|浏览(128)

我必须上传一些数据与表单加载，将在页面上的JavaScript操作使用。我上传的数据如下：

<select id="allrecords">
    <option data-s-type="X" data-n-type="9" value="xxx">xxx</option>
    <option data-s-type="X" data-n-type="9" value="lmn">lmn</option>
    <option data-s-type="X" data-n-type="8" value="xyz">xyz</option>
    <option data-s-type="Y" data-n-type="3" value="zzz">zzz</option>
    ...
</select>

从这些数据中，data-s-type和data-n-type属性被用来找出哪些值将被添加到数组中，数组稍后将在程序中使用。我想不出一种方法来使用这个选择列表获得该数组。
例如，当data-s-type="X"与data-n-type=9，array = [xxx,lmn]
我没有上传数据作为隐藏选择列表。

jquery

来源：https://stackoverflow.com/questions/15604245/how-to-get-data-from-html-data-attributes-into-an-array

1条答案

按热度按时间

ttp71kqs1#

$.map创建数组，在函数内部检查所需的值，如果匹配，则将elements的值返回到数组，如下所示：

var arr = $.map($('#allrecords option'), function(el,i) {
    if ($(el).data('s-type') == 'X' && $(el).data('n-type') == '9') 
      return el.value;
});

arr //is now ['xxx', 'lmn']

FIDDLE

赞(0）回复(0）举报 2023-03-17

我来回答

jquery 如何从HTML数据属性中获取数据到数组中？

1条答案

相关问题

热门标签

最新问答