Question

的index.html

<p class="feed-text" style="word-wrap:break-word;margin-top:10px;"><a href="/feeds/view/760">testing Ist part </a><a style="text-decoration:underline;color:blue" href="http://www.youtube.com/watch?v=aqveRU1eAmA" target="_blank">http://www.youtube.com/watch?v=aqveRU1eAmA</a> testing 2nd part</p>

我想为＆＃34; <a>＆＃34;添加testing 2nd part标记动态使用java-script或iquery。

是否可能。

Answer 1

看起来你想要包装文字：http://jsfiddle.net/h9rxq/

$('p').contents().filter(function(){
    return this.nodeType === 3;
}).wrap(function(){
    return $('<a/>', {href: "anyURL"});
});

Answer 2

通过阅读JQuery API，几乎可以回答所有问题。

要附加内容，请参阅此链接。 https://api.jquery.com/append/

Answer 3

jQuery中的解决方案，使用split和join查找所有testing 2nd part代码中的文字<p>，并将其替换为<a>testing 2nd part</a>

$("p:contains('testing 2nd part')").html(function(_, html) {
   return html.split('testing 2nd part').join("<a>testing 2nd part</a>");
});

在你的问题中，你没有一个起始<p>标签，如下所示：

<p>
  <a href="/feeds/view/760">testing Ist part </a>
  <a style="text-decoration:underline color:blue" href="http://www.youtube.com/watch?v=aqveRU1eAmA" target="_blank">http://www.youtube.com/watch?v=aqveRU1eAmA</a>
 testing 2nd part
</p>

添加<a> tag dynamically using javascript or jquery</a>

3 个答案: