Question

当前的html代码示例

<a rel="tag" title="see questions tagged 'php'" href="/tags/php/" class="tag-link-php">php</a>

我想使用jQuery将其替换为

<a href="http://php.net/"><img src="/images/tags/php.gif" height="16" width="16" alt="php" /></a><a rel="tag" title="see questions tagged 'php'" href="/tags/php/" class="tag-link-php">php</a>

让我知道

Answer 1

所以在我看来你想要下面的代码

<a href="http://php.net/"><img src="/images/tags/php.gif" height="16" width="16" alt="php" /></a>

在与班级tag-link-php的任何链接之前。您可以使用before功能：

$('a.tag-link-php').before('<a href="http://php.net/"><img src="/images/tags/php.gif" height="16" width="16" alt="php" /></a>');

Answer 2

看起来像：

$("<a/>", { 
   "href":  "http://www.php.net"
}).append($("<img>", {
   "src":    "/images/tags/php.gif",
   "height": "16",
   "width":  "16",
   "alt":    "/images/tags/php.gif"
})).insertBefore(".tag-link-php");

Answer 3

您也可以使用replaceWith：

http://api.jquery.com/replaceWith/

Answer 4

替换整个元素/元素：

http://api.jquery.com/replaceWith/

或者只是更改一些属性：

http://api.jquery.com/attr/

可以用jQuery替换现有的html代码

4 个答案: