javascript - 如何使用javascript在可排序中查找值的项目

Question

我有一个可排序的，它是从 JSON 文件加载创建的。现在我想删除一个项目。

我从 textarea 收到我必须取消的元素名称。我保存在一个变量namdel中。使用 for 循环，我将将此变量与可排序的名称进行比较。

可排序的 HTML 代码：

<div id="sortparam">

<ul style="" class="ui-sortable" id="sortable">
    <li style="" id="1" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Singular sensation</li>
    <li style="" id="2" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Beady little eyes</li>
    <li style="" id="3" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Little birds </li>
</ul>

</div>

问题是如何阅读这些项目，因为如果我阅读：

var contapara=1;
var l = document.getElementById(contapara).innerHTML;
alert(l);

程序在警告窗口中写入：

<span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Little birds

我只想要Little birds。

Answer 1

试试这个：

var contapara = 3;
var l = $.trim($('#'+contapara).text());
alert(l); // Little birds

document.getElementById我没有使用 ，而是使用 jQuery 来获取元素。我也在使用.text()（innerText或textContent）而不是.html()（innerHTML）。

Answer 2

var contapara=1;
var regex = /(<([^>]+)>)/ig;
var l = document.getElementById(contapara).innerHTML.replace(regex, "");
alert(l);

正则表达式是我们的朋友 :)

Answer 3

使用纯 javascript（在 chrome、IE、FF 和 opera 中测试）

var contapara=3;
var n = document.getElementById(contapara).childNodes;
for(i=0;i<n.length;i++)
{
    if(n[i].nodeType==3 && n[i].nodeValue!=' ') alert(n[i].nodeValue);
}

演示。