javascript - 如何使用 Jquery 迭代选择器的选项

Question

我有一个非常大的项目，并将我的选择器缩小到:

//The $component is found from various other vars using .find to this point
var $selector = $Component.find('[class="multiselect-container"]');

我正在尝试使用 .each 函数来迭代所有值及其字符串。在过去一个小时左右的时间里，我尝试了一些不同的方法，但均无济于事。

选择器有多个<li class="option">标签

每个选项包含 <a href="javascript:void(0);">其中包含 <label class="radio checkbox-label">其中包含 <input type="radio" value="10">和“10”

我需要获取值和字符串(因为它们有时不同)。如果我能做到这一点，我相信将每组数据放入二维数组应该很容易。

我尝试阅读与此相关的其他问题，但没有任何内容解释如何在找到要迭代的元素后使用 .each。

Answer 1

像这样的东西似乎应该有效:

var array = [];
$selector.find("label.radio").each(function() {
    var value = $(this).find("input:radio").val();
    var string = $(this).text();
    array.push({ string: string, value: value });
});

顺便说一句，不要在选择器中使用[class=classname]，而使用.classname。如果元素有多个类并且您只想匹配其中一个类，那么您的选择器将不起作用，它会尝试逐字匹配整个 class 属性。