Fatal编程技术网
  • javascript/
  • Javascript 如何提取一些<；李>；（在ol/ul标记下）html中的标记

Javascript 如何提取一些<；李>；（在ol/ul标记下）html中的标记

javascript jquery regex

Javascript 如何提取一些<；李>；（在ol/ul标记下）html中的标记,javascript,jquery,regex,Javascript,Jquery,Regex,我有如下html字符串（js字符串） 但它仍在考虑内部因素 这似乎有效： html.find("ol>li:gt(4)").remove(); 如果您确实有一个字符串，并且希望使用jQuery，那么您可以对其进行解析，然后查找索引大于2的所有元素并删除它们： var $html = $('<ol class="testClass"><li>test1</li><li>testing2</li><li>testing3

我有如下html字符串（js字符串）

但它仍在考虑内部因素

这似乎有效：

html.find("ol>li:gt(4)").remove();
如果您确实有一个字符串，并且希望使用jQuery，那么您可以对其进行解析，然后查找索引大于2的所有元素并删除它们：

var $html = $('<ol class="testClass"><li>test1</li><li>testing2</li><li>testing3</li><li>testing4</li><li>testing5</li><li>testing6</li></ol>');

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

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

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

var$html=$（“
  • test1
  • testing2
  • testing3
  • testing4
  • testing5
  • testing6
    • ”）；
$html.find（'li:gt（2）'）.remove（）；
$（''）.append（$html.clone（））.html（）；//这将返回新的HTML代码。
$（'#包装器'）。追加（$html）；//这将把它附加到#wrapper元素。
    如果您确实有一个字符串，并且想要使用jQuery，那么您可以对其进行解析，然后找到索引大于2的所有元素并删除它们：

    var $html = $('<ol class="testClass"><li>test1</li><li>testing2</li><li>testing3</li><li>testing4</li><li>testing5</li><li>testing6</li></ol>');

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

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

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

    var$html=$（“
  • test1
  • testing2
  • testing3
  • testing4
  • testing5
  • testing6
    • ”）；
$html.find（'li:gt（2）'）.remove（）；
$（''）.append（$html.clone（））.html（）；//这将返回新的HTML代码。
$（'#包装器'）。追加（$html）；//这将把它附加到#wrapper元素。
    如果您确实有一个字符串，并且想要使用jQuery，那么您可以对其进行解析，然后找到索引大于2的所有元素并删除它们：

    var $html = $('<ol class="testClass"><li>test1</li><li>testing2</li><li>testing3</li><li>testing4</li><li>testing5</li><li>testing6</li></ol>');

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

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

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

    var$html=$（“
  • test1
  • testing2
  • testing3
  • testing4
  • testing5
  • testing6
    • ”）；
$html.find（'li:gt（2）'）.remove（）；
$（''）.append（$html.clone（））.html（）；//这将返回新的HTML代码。
$（'#包装器'）。追加（$html）；//这将把它附加到#wrapper元素。
    如果您确实有一个字符串，并且想要使用jQuery，那么您可以对其进行解析，然后找到索引大于2的所有元素并删除它们：

    var $html = $('<ol class="testClass"><li>test1</li><li>testing2</li><li>testing3</li><li>testing4</li><li>testing5</li><li>testing6</li></ol>');

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

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

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

    var$html=$（“
  • test1
  • testing2
  • testing3
  • testing4
  • testing5
  • testing6
    • ”）；
$html.find（'li:gt（2）'）.remove（）；
$（''）.append（$html.clone（））.html（）；//这将返回新的HTML代码。
$（'#包装器'）。追加（$html）；//这将把它附加到#wrapper元素。
    您可以简单地将它们转换为DOM元素，并使用普通选择器

    听起来您只想附加前3个
    li
    元素，所以只需抓住
    ul
    的子元素，并在附加到页面之前对前3个元素进行切片

    $(my_string).children("li").slice(0, 3).appendTo("#target");
    您可以简单地将它们转换为DOM元素，并使用普通选择器

    听起来您只想附加前3个
    li
    元素，所以只需抓住
    ul
    的子元素，并在附加到页面之前对前3个元素进行切片

    $(my_string).children("li").slice(0, 3).appendTo("#target");
    您可以简单地将它们转换为DOM元素，并使用普通选择器

    听起来您只想附加前3个
    li
    元素，所以只需抓住
    ul
    的子元素，并在附加到页面之前对前3个元素进行切片

    $(my_string).children("li").slice(0, 3).appendTo("#target");
    您可以简单地将它们转换为DOM元素，并使用普通选择器

    听起来您只想附加前3个
    li
    元素，所以只需抓住
    ul
    的子元素，并在附加到页面之前对前3个元素进行切片

    $(my_string).children("li").slice(0, 3).appendTo("#target");
    没有jQuery 
    var str='
  • test1
  • test2
  • test3
  • test4
  • test5
  • test6
    • ，
//要保留的
  • 的最大数量
最大值=2，
temp=document.createElement（'div'），
res=''；
//将字符串放入临时DOM中
temp.innerHTML=str；
//查找
  • s
var lis=临时getElementsByTagName（'li'）；
对于（var i=0，l=lis.length；i不带jQuery


    var str='
  • test1
  • test2
  • test3
  • test4
  • test5
  • test6
    • ，
//要保留的
  • 的最大数量
最大值=2，
temp=document.createElement（'div'），
res=''；
//将字符串放入临时DOM中
temp.innerHTML=str；
//查找
  • s
var lis=临时getElementsByTagName（'li'）；
对于（var i=0，l=lis.length；i不带jQuery


    var str='
  • test1
  • test2
  • test3
  • test4
  • test5
  • test6
    • ，
//要保留的
  • 的最大数量
最大值=2，
temp=document.createElement（'div'），
res=''；
//将字符串放入临时DOM中
temp.innerHTML=str；
//查找
  • s
var lis=临时getElementsByTagName（'li'）；
对于（var i=0，l=lis.length；i不带jQuery


    var str='
  • test1
  • test2
  • test3
  • test4
  • test5
  • test6
    • ，
//要保留的
  • 的最大数量
最大值=2，
temp=document.createElement（'div'），
res=''；
//将字符串放入临时DOM中
temp.innerHTML=str；
//查找
  • s
var lis=临时getElementsByTagName（'li'）；

    对于（var i=0，l=lis.length；i，这里有一把小提琴演示了碱鱼的答案：
    

    
HTML:
    

    

    
Javascript（使用jQuery）：
    

    var str=”“+
“
  • 测试1
    • ”+
“
  • 测试2
    • ”+
“
  • 测试3
    • ”+
“
  • 测试4
    • ”+
“
  • 测试5
    • ”+
“
  • 测试6
    • ”+
"";
$（str）.children（“li”）.slice（0,3）.appendTo（“#target”）；

    这里有一把小提琴，展示了碱鱼的答案：
    

    
HTML:
    

    

    
Javascript（使用jQuery）：
    

    var str=”“+
“
  • 测试1
    • ”+
“
  • 测试2
    • ”+
“
  • 测试3
    • ”+
“
  • 测试4
    • ”+
“
  • 测试5
    • ”+
“
  • 测试6
    • ”+
"";
$（str）.children（“li”）.slice（0,3）.appendTo（“#target”）；

    这里有一把小提琴，展示了碱鱼的答案：
    

    
HTML:
    

    

    
Javascript（使用jQuery）：
    

    var str=”“+
“
  • 测试1
    • ”+
“
  • 测试2
    • ”+
“
  • 测试3
    • ”+
“
  • 测试4
    • ”+
“
  • 测试5
    • ”+
“
  • 测试6
    • ”+
"";
$（str）.children（“li”）.slice（0,3）.appendTo（“#target”）；

    这里有一把小提琴，展示了碱鱼的答案：
    

    
HTML:
    

    

    
Javascript（使用jQuery）：
    

    var str=”“+
“
  • 测试1
    • ”+
“
  • 测试2
    • ”+
“
  • 测试3
    • ”+
“
  • 测试4
    • ”+
“
  • 测试5
    • ”+
“
  • te

    <div id="demo"></div>

var html = $('<ol class="testClass"><li>test1</li><li>testing2</li><li>testing3</li><li>testing4</li><li>testing5</li><li>testing6</li></ol>');
html.find("li:gt(2)").remove();
$("#demo").append(html);

    														
    •