Javascript 获取已排序列表项的计算数量
有没有办法获取有序列表项编号的内容Javascript 获取已排序列表项的计算数量,javascript,html,dom,Javascript,Html,Dom,有没有办法获取有序列表项编号的内容 var list=document.getElementById('list'); list.style.listStyleType='upper roman'; 苹果公司 香蕉 橙色 梨 我能想到的唯一方法是: 1) 获取项目的索引(例如3) 2) 具有如下功能: 3) 通过函数运行索引可以使用start属性并迭代所有列表元素 var list=document.getElementById('list'), 开始=列表。开始| | 0; list.
var list=document.getElementById('list');
list.style.listStyleType='upper roman';
苹果公司
香蕉
橙色
梨
我能想到的唯一方法是:
1) 获取项目的索引(例如3)
2) 具有如下功能:
3) 通过函数运行索引可以使用start属性并迭代所有列表元素
var list=document.getElementById('list'),
开始=列表。开始| | 0;
list.style.listStyleType='upper roman';
Array.prototype.forEach.call(list.getElementsByTagName('li'),函数(a,i){
如果(a.id=='target'){
console.log(i+start);
log(a.innerHTML);
}
});代码>
苹果公司
香蕉
橙色
梨
我创建了一个JSFIDLE,它可以向用户显示所选内容。尽管javascript没有将其作为字符串保存,但我首先找到所选列表项的索引,然后重新创建该项的列表,并将“start”属性设置为该索引
以下是HTML:
<ol>
<li>first</li>
<li>second</li>
<li id="active">third</li>
<li>Fourth</li>
</ol>
<br/>
<br/>
<div id='selected'>
</div>
首先
第二
第三个
第四
以及JQuery:
$(document).ready(function() {
var intt = $('li').index($('#active')) + 1;
$('#selected').html('<ol start="' + intt + '"><li></li></ol>');
});
$(文档).ready(函数(){
var intt=$('li')。索引($('li'))+1;
$(“#选定”).html(“”);
});
那么你想要强橙色吗?@mikestreety:不,请看问题的最后一句:他/她想要字符串“III”
。我对这个问题的理解有误。抱歉,我的错误可能与此相关:prob dupe of yes,这适用于罗马数字示例,但是我更感兴趣的是允许我访问api提供的任何选项中的内容。我已用该澄清更新了问题,谢谢。这在提取值并将其放在其他地方方面做得很好,但是它不会将值作为字符串来获取,以便进一步使用它进行任何操作。谢谢。这并不能真正回答问题。谢谢你!我已经更新了问题,以突出显示我最终尝试访问的字符串。请参阅粗体文本:它既不是开始
+索引
值,也不是水果名称,而是III
。