jquery:追加列表但不显示项目符号

在你的例子中,你没有关闭 <ul> 正确(缺少斜线)。这是复制+粘贴错误,还是在您的代码中?

编辑: 和 你需要 最好在each()后面加一个分号(见注释):

.each(function(){
  ul.append('<li>' + $(this).text() + '</li>');
});

请尝试以下操作:

var newUL = $('<ul/>');    //due credit to meo (see below)
$('body').append(newUL);
$("span[title*='specific text']")
    .contents()
    .filter(function(){ return $(this).nodeType != 1; })
    .each(function(){
        $("body ul").append('<li>' + $(this).text() + '</li>');
    });

当然了, $(this).text() 不允许您放置 <img> 在 <li> 所以你最后会得到一个空的 <li></li> 为每一个。可以通过以下方法解决此问题:

.each(function(){
  if ($(this).text().trim() != "") {
    $("body ul").append('<li>' + $(this).text() + '</li>');
  }
});

我已经更正了你的密码。你犯了一些错误:

http://jsfiddle.net/XTqjC/2/

这是我的版本:

var ul = $('<ul/>');
$('body').append(ul)
$("span[title*='specific text']")
    .contents() // you actually don't need contents()
    .filter(function(){ return $(this).nodeType != 1; })
    .each(function(){
        ul.append('<li>' + $(this).text() + '</li>');
    })

当您这样做时: var ul = $('body').append($('<ul>'));

ul变量包含主体,li不附加到ul而是附加到主体。当你使用append时,你不必把 $() 围绕