如何從原型中的URL中提取參數？

Question

我想從html鏈接獲取參數。

例如，我有以下HTML字符串。

范例1：

<div class='mydiv'><a href="/display/2">Link</a></div>    // get 2

范例2：

<div class='mydiv'><a href="/display/abc">Link</a></div>  // get abc

我怎樣才能做到這一點 ？

謝謝

Answer 1

只需將其視為數組並使用split()函數即可：

var myURL = "/display/2";
var splits = myURL.split("/");

alert(splits[splits .length - 1]);

編輯

我誤解了您的原始問題。 我以為您只需要知道如何從href提取2和abc 。 由於我不知道prototype.js（我是jQuery人），因此這里是一個純JS解決方案：

var classElements = document.getElementsByClassName("mydiv");
var parsedHrefs = new Array();

for(var i = 0; i < classElements.length; i++) {
    var anchorsInDiv = classElements[i].getElementsByTagName("a");

    for(var j = 0; j < anchorsInDiv.length; j++) {
        var splitHref = anchorsInDiv[j].href.split("/");
        parsedHrefs.push(splitHref[splitHref.length - 1]);
    }
}

alert(parsedHrefs);

您可以在這里查看工作中的小提琴 。

附加信息

如果您有興趣，請按以下步驟在jQuery中完成：

var aryParsedHrefs = new Array();

$(".mydiv").find("a").each(function() {
    var splitHref = $(this).attr("href").split("/");
    aryParsedHrefs.push(splitHref[splitHref.length - 1]);
});

alert(aryParsedHrefs);

小提琴 。

Answer 2

查看我的小提琴 ，該小提琴演示了原型所需的功能。

或在下面檢查...

var links = $$('div.mydiv > a[href]').inject([], function(arr, el) {
    arr.push($A(el.getAttribute('href').split('/')).last()); 
    return arr;  
});

Answer 3

使用分割功能

$("a").each(function(){

   var hrefSplit = this.href.split("/");
   if(hrefSplit){
       var asssociatedParam = hrefSplit[ hrefSplit.length -1 ];
    }

});

用純JavaScript

arr = document.getElementsByTagName("a");
for( var k = 0; k < arr.length; k++){
     var hrefSplit = arr[0].href.split("/");
       if(hrefSplit){
           var asssociatedParam = hrefSplit[ hrefSplit.length -1 ];
        }
}