javascript - 从选项 Html 中提取标签文本？

Question

当我从选项中提取标签文本并将它们放入 json 中时，它们可以帮助我，就像这个例子:

<datalist id="datalist1">
<option value="US" label="United States" />
<option value="UK" label="United Kingdom" />
<option value="IN" label="India" />
</datalist>

这是 jquery 代码:

$("#idDatalist option").each(function(idx, option) {
    var jsonPro = {};
    jsonPro.NOMBRE_PROVEEDORES = $(option).val();
    jsonPro.RUC_CEDULA = $(option).attr('label').text();
}); 

Answer 1

无需在 attr() 函数之后使用 text()，因为它本身将为您提供 label 属性的值。同时将此 JS 对象推送到数组以获得完整结果，如下所示

$(function() {
  var arr = []
  $("#datalist1 option").each(function(idx, option) {
    var jsonPro = {};
    jsonPro.NOMBRE_PROVEEDORES = $(option).val();
    jsonPro.RUC_CEDULA = $(option).attr('label');
    arr.push(jsonPro)
  }); 
  console.log(arr)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<datalist id="datalist1">
<option value="US" label="United States" />
<option value="UK" label="United Kingdom" />
<option value="IN" label="India" />
</datalist>