Javascript / jQuery動態文本鏈接/ href補充

Question

我需要在我的整個網站上替換並轉換為以下單詞的URL; Square-Technology UK。 我已經做了一些研究來替換站點中顯示的文本以用url替換它。 這是代碼： http ： //jsfiddle.net/Hgtrh/1/

但由於某種原因，它不會取代我的網站。 這是我正在使用的HTML。

<div class="main_testimonials">
<div class="c_box"></div>
<div class="main_content_img">
<img src="images/news/thumbs/1184901_10151885560986667_1371257993_n_t2.jpg" alt="News" class="news-category"></div>
<div class="main_bubble_box">
Thank you Square-Technology UK for my new system!!
</div>
</div>

這是一個有效的不同javascipt的例子，注意'和'

echo "<script type='text/javascript'>
$(document).ready(function() {
$('body').removeClass('no-js'); $('#my-carousel-3').carousel({ itemsPerPage: 3, itemsPerTransition: 3, easing: 'swing', noOfRows: 1 }); });</script>\n";

正確設法解決這個問題非常容易。 我的腳本不允許我在PHP的echo標簽中使用雙引號，這是非常明顯的。 或者，使用單引號無法使用我在開頭時發布的腳本。 但是，這樣做的方法是創建另一個file.js，將代碼放在其中，然后使用以下方法附加它：

echo"<script type='text/javascript' src='js/test_replace.js'></script>\n";

Answer 1

你試過這個嗎？

$(document).ready(function() {
  var thePage = $("body");
  thePage.html(thePage.html().replace(/Square-Technology UK/ig, '<a href="http://somewebsite.com">Square-Technology UK</a>')); 
})

希望這可以幫助..

Answer 2

嘗試使用更具體的標識符來跟蹤要替換的內容，而不是跟蹤整個DOM以搜索要替換的內容：

JS：

$(function() {   
  var $siteLink = $('.site-link'),
      linkHtml = '<a href="http://somewebsite.com">Square-Technology UK</a>';

  $siteLink.html(linkHtml);
});

HTML：

<span class="site-link"></span> 

然而，既然你的小提琴似乎工作，我們只能猜測發生了什么，你能提供更多關於你正在運行的jquery，或頁面布局的信息。

這是一個小提琴： http ： //jsfiddle.net/Hgtrh/4/

同樣值得一提的是，就像ikaros45所說的那樣，這通常不是你想要用Javascript做的事情，這看起來更像模板應該能夠處理的東西。

Answer 3

它適用於您的小提琴示例，但不適用於您的網站。 我建議確認JQuery庫正在按預期加載到您的站點上。

Answer 4

所以我設法很容易解決這個問題。 我的腳本不允許我在PHP的echo標簽中使用雙引號，這是非常明顯的。 或者，使用單引號無法使用我在開頭時發布的腳本。 但是，這樣做的方法是創建另一個file.js，將代碼放在其中，然后使用以下方法附加它：

echo"<script type='text/javascript' src='js/test_replace.js'></script>\n";