如何使用jQuery从字符串中获取子字符串

Question

我是JQuery的新手，我正在尝试从主字符串中获取子字符串。我知道有可用的函数，但我不知道如何使用它来完成任务。

这是我的绳子

//Page 1
<p>
    <l>  30,  St.Bishop Road,  30min </l> 
    <l>  10,  St.Bishop Road,  10min </l>
</p>

//Page 2
<p> 
    <l>  30,  St.Bishop Road,  30min </l> 
    <l>  10,  St.Bishop Road,  10min </l>
</p>

我想将每个<p><p>分开并存储在数组中，对于每个<p></p>我想在数组中存储<l></l>值的方式都相同。

请记住，这不是html element.this是我从其他任务获得的字符串。

那么如何使用jquery做到这一点？

谢谢

Answer 1

您可以将任何有效的类似于HTML的字符串转换为jQuery对象，然后可以将其视为普通对象：

var $el = $('<p><l>30 St....');
console.log( $el.find('p') );
console.log( $el.find('p').length );
console.log( $el.find('l') );
console.log( $el.find('l').length );

Answer 2

注意：我在OP编辑之前写了这个，他的标记无效，他说它不是html。

我试图保持这种简单。 您不需要jQuery来执行此操作，只需使用String.split（）即可 ：

split（）方法通过将字符串对象拆分为子字符串，将String对象拆分为字符串数组。

这可以满足您的需求：

var pieces = str.split('<p>');

请注意，每一段都将以</p>结尾，使用String.substr（）删除该段：

var piece = pieces[0].substr(0, pieces[0].length-4));

对<l>元素执行相同的操作。

Answer 3

我希望你能这样

    $(document).ready(function(){
   var c="<p> <l>  30,  St.Bishop Road,  30min <l> <l>  10,  St.Bishop"+ "Road,10min <l>"+
"</p>"+
"<p>"+ 
    "<l>  30,  St.Bishop Road,  30min <l>"+ 
    "<l>  10,  St.Bishop Road,  10min <l></p>";

    var b=c.split("<p>");
    $(b).each(function(data,value){
        if(data==1){

            var c=(value.split("<l>"))[1];
            alert(c);
        }
        if(data==2) {
            var d=(value.split("<l>"))[1];
            alert(d);
        }
    });



});

演示