300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > html获取ul的li 如何从html中提取一些li(在ol / ul标签下)标签/li

html获取ul的li 如何从html中提取一些li(在ol / ul标签下)标签/li

时间:2023-06-09 05:01:25

相关推荐

html获取ul的li 如何从html中提取一些li(在ol / ul标签下)标签/li

5 个答案:

答案 0 :(得分:2)

您可以简单地将它们转换为DOM元素,并使用普通选择器。

听起来你只想附加前3个li元素,所以只需抓住ul的子元素,然后在追加到页面之前对前3个进行切片。

$(my_string).children("li").slice(0, 3).appendTo("#target");

答案 1 :(得分:1)

另一种jQuery方式:

var html = $('

test1testing2testing3testing4testing5testing6');

html.find("li:gt(2)").remove();

$("#demo").append(html);

答案 2 :(得分:0)

这是一个小提琴,演示了Lye Fish的答案:

HTML:

Javascript(使用jQuery):

var str = "

" +

"

test1" +

"

testing2" +

"

testing3" +

"

testing4" +

"

testing5" +

"

testing6" +

"

";

$(str).children("li").slice(0, 3).appendTo("#target");

答案 3 :(得分:0)

如果你真的有一个字符串并且想要使用jQuery,那么你可以解析它,然后找到索引大于2的所有元素并删除它们:

var $html = $('

test1testing2testing3testing4testing5testing6');

$html.find('li:gt(2)').remove();

$('

').append($html.clone()).html(); // This returns the new HTML code.

$('#wrapper').append($html); // This would append it to a #wrapper element.

答案 4 :(得分:0)

没有jQuery

var str = '

test1testing2testing3testing4testing5testing6',

// Maximum number of

s you want to keep

max = 2,

temp = document.createElement('div'),

res = '';

// Put the string in a temporary DOM

temp.innerHTML = str;

// Find

s

var lis = temp.getElementsByTagName('li');

for(var i = 0, l=lis.length; i

// Append them to a string

res += lis[i].outerHTML;

}

// Empty the list and insert the ones you kept

temp.childNodes[0].innerHTML = res;

document.body.innerHTML = temp.innerHTML;

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。