Question

这是我的JavaScript代码。我想使用li仅获取JavaScript个代码中的值。我该怎么做？

的JavaScript

    var s="<div><li>First LI</li><li>Second LI</li></div>";

我想将First li和Second li显示为输出。谢谢。

Answer 1

您可以使用 .text() 获取li元素的文字内容：

var text = $(s).find('li').text();

<强> Fiddle Demo

Answer 2

在jQuery的帮助下，这很容易：

var str = '<div><li>First LI</li><li>Second LI</li></div>',
    first  = $('li:eq(0)', str).text(),  // "First LI"
    second = $('li:eq(1)', str).text();  // "Second LI"

console.log(first, second);

Answer 3

您可以使用以下javascript，按标签名称获取元素并迭代以下值

var liArray = document.getElementsByTagName('li');

for(var i=0; i < liArray.length ;i++)
{
  var liValue = liArray[i].innerHTML;
  alert(liValue);
}

Answer 4

以下代码将输出：'First LI Second LI'，两个lis的内容用空格分隔。

如果你需要它作为数组，只需省略最后的连接。

var lisContent = $.map(
    $('li', "<div><li>First LI</li><li>Second LI</li></div>"), 
    function(element) {
        return $(element).text();
    }
).join(' ');

console.log(lisContent);

http://jsfiddle.net/6gG3k/

Answer 5

点击此处，这可能会对您有所帮助

 <div><li>First LI</li><li>Second LI</li></div>

 $('.btn').click(function(){
 alert($('div li').text());
 });

 http://jsfiddle.net/Sathisa/78ktD/

将字符串的各个部分显示为输出

5 个答案: