拆分html標簽的值

Question

我想從“a”html標簽中拆分一些內容。 我開始使用jquery。 我的代碼是這樣的，但它不起作用：

$("a.uribb").each(function() {
    var id = $(this).attr("href").replace("http://dereferer.org/?", "");
    $(this).append(+id+);
});

HTML標記是這樣的：

<a href="http://dereferer.org/?http://example.com/" target="_blank" class="uribb">
    http://example.com/
</a>

我想拆分http://dereferer.org/? 部分並留在那里。 我怎么能這樣做？

Answer 1

如果要替換內容，請嘗試使用.text()而不是.append() 。 此外，在id之前和之后不需要+ 。

你可以試試這個：

var id = $(this).attr("href").replace("http://dereferer.org/?", "");
$(this).text(id);

更新

再次閱讀這個問題，我不確定你是否想要替換a -tag的內容或href的值。 如果是后者，試試這個：

var id = $(this).attr("href").replace("http://dereferer.org/?", "");
$(this).attr("href", id);

注意

從jQuery 1.6開始，最好使用.prop（）而不是.attr() 。

Answer 2

那個怎么樣？

$("a.uribb").attr("href", function(i, val) {
    return val.substring(val.indexOf("?") + 1);
});​

演示： http ： //jsfiddle.net/zQdL4/

---

這很有趣，但對於你的標記，以下代碼也應該工作:)

$("a.uribb").attr("href", function() {
    return $.trim(this.innerHTML);
});​

Answer 3

對，所以你想要的就是這個。

<a href="http://example.com/">...

嘗試這個。

$("a.uribb").each(function() {
    var indirect_url = $(this).prop("href");
    var direct_url = indirect_url.replace("http://dereferer.org/?", "")
    $(this).prop('href', direct_url);
});

你當然可以用更少的線來做這件事，但這樣很明顯發生了什么。 具體來說， replace() 不會修改其所操作的字符串。