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

How to find value's item in sortable with javascript

本文关键字：项目 javascript 查找 排序      更新时间：2023-09-26

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

我从文本区域收到必须取消的元素名称。我保存在可变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.

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

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

试试这个：

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

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

使用纯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);
}

演示。

相关文章：