javascript - 操作列中的所有字符串

Question

我在表格列中有一组 URL，如下所示:

<tr>
  <td class="impression_referer">http://www.google.fi/search?hl=en&amp;q=http+header+referer&amp;btnG=Google-search&amp;meta=&amp;aq=f&amp;oq=</td>
</tr>
<tr>
  <td class="impression_referer">http://www.facebook.com</td>
</tr>

我有一个 .js 文件，在该文件的底部调用我的应用程序的所有函数，其中包括应该操作上述字符串的函数:

$(document).ready(function() {  
  cleanUpUrls();
});

我必须操作字符串的代码如下所示:

var matches = url.match(/^https?\:\/\/([^\/?#]+)(?:[\/?#]|$)/i);
var domain = matches && matches[1];

我应该如何在 cleanUpUrls() 函数中编写代码，以便在页面加载时更新所有提到的字符串？

Answer 1

试试这个:

$("td.impression_referer").text(function(i, val) {
    var matches = val.match(/^https?\:\/\/([^\/?#]+)(?:[\/?#]|$)/i);
    return matches ? matches[1] : val;
});

演示:http://jsfiddle.net/Ht9HC/

使用 $("td.impression_referer") 将选择具有 impression_referer 类的所有 td 元素。 .text() method可用于获取或设置 html 元素的文本。如果您将回调函数传递给 .text() 您的函数将被每个元素调用一次，并将现有文本值作为参数传递，并且您返回的值将设置为新文本 -您不必手动编写自己的循环代码，因为 jQuery 会在幕后为您处理该循环。