如何从ul li项目中获取文本？

Question

我有一个ul列表并希望对它们进行搜索，此列表会弹出一个ddSlick下拉框。 ddSlick是一种将图片添加到列表项的好方法。 http://designwithpc.com/Plugins/ddSlick

我用来遍历项目的代码如下：

$("#txtSearch").blur(function () {
  $('#MarkieItems').each(function(i, items_list){
  $(items_list).find('li').each(function(j, li){
    //alert(li.TextContent);
    var text = li.TextContent;
  })
});

当我检查元素并查看text = li.TextContent时，它表示未经解释，但是如果我检查了它，则表明textContent存在。

有人可以告诉我如何抓住这个文字吗？

Answer 1

$('#MarkieItems li').each(function(){
    var text = $(this).text();
})

Answer 2

是textContent（小t）

var text = li.textContent;

但是cross browser compatibility使用jQuery的.text()

var text = $(li).text();

Answer 3

您正在尝试访问li.TextContent但该属性是根据名为textContent的屏幕转储，即小写t

由于您已经在使用jQuery，因此可以使用文本方法

var text = $(this).text();

Answer 4

如果你有jQuery，你可以使用text()只抓取li中的文字。

Answer 5

使用textContent代替TextContent bcoz，区分大小写

Answer 6

您已在 PascalCase 的javascript中编写了TextContent，而您应该在 camelCase 中编写它。

尝试

var text = li.textContent;

Answer 7

试试这个：

$("#txtSearch").blur(function () {
  $('#MarkieItems').each(function(i, items_list){
  $(items_list).find('li').each(function(j, li){
    //alert(li.TextContent);
    var text = li.text(); //<-----here ".text()"
  })
});

.text() jQuery方法将为您提供目标dom节点的textContent。