如何使用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);
        }
    });



});

演示