亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用jQuery為特定單詞的所有實例的/ parts /設置樣式?

如何使用jQuery為特定單詞的所有實例的/ parts /設置樣式?

繁星點點滴滴 2019-12-06 11:19:09
異常情況。我有一個客戶,我們稱他們為“立即購買”。他們想為他們的名字的每個實例在其整個網站的副本,以程式化的類似“購買現在 ”,其中他們的名字下半年為黑體。我真的很討厭花一天時間在所有副本中添加<strong>標簽。有沒有使用jQuery的好方法?我已經看到了jQuery的Highlight插件,它非常接近,但是我只需要將該單詞的后半部分加粗即可。
查看完整描述

3 回答

?
幕布斯6054654

TA貢獻1876條經驗 獲得超7個贊

正則表達式和replace()思想。就像是


var text = $([selector]).html();

text = text.replace(/Now/g,'<strong>Now<\strong>');

$([selector]).html(text);

使用html()此操作時要小心。首先,有可能替換元素href屬性中的匹配字符串<a>以及其他可能導致頁面無法正常運行的屬性??赡芸梢跃帉懜玫恼齽t表達式來克服某些潛在的問題,但是性能可能會受到影響(我不是正則表達式專家)。其次,html()用于替換內容將導致不可序列化的數據(例如綁定到要替換的元素標記的事件處理程序,表單數據等)丟失。編寫僅針對文本節點的函數可能是更好/更安全的選擇,這僅取決于頁面的復雜程度。


如果您有權訪問HMTL文件,則如果內容是靜態的,則最好查找并替換要更改文件外觀的單詞。在大多數情況下,NotePad ++的 “ 在文件中查找”選項可以勝任此工作。


與SingleShot的建議一起使用并<span>與CSS類一起使用將比使用<strong>元素提供更多的靈活性。


查看完整回答
反對 回復 2019-12-06
?
江戶川亂折騰

TA貢獻1851條經驗 獲得超5個贊

var Run=Run || {};


Run.makestrong= function(hoo, Rx){

 if(hoo.data){

  var X= document.createElement('strong');

  X.style.color= 'red'; // testing only, easier to spot changes

  var pa= hoo.parentNode;

  var res, el, tem;

  var str= hoo.data;

  while(str && (res= Rx.exec(str))!= null){

   var tem= res[1];

   el= X.cloneNode(true);

   el.appendChild(document.createTextNode(tem));

   hoo.replaceData(res.index, tem.length,'');

   hoo= hoo.splitText(res.index);

   str= hoo.data;

   if(str) pa.insertBefore(el, hoo);

   else{

    pa.appendChild(el);

    return;

   }

  }

 }

}


Run.godeep= function(hoo, fun, arg){

 var A= [];

 if(hoo){

  hoo= hoo.firstChild;

  while(hoo!= null){

   if(hoo.nodeType== 3){

    if(hoo.data) A[A.length]= fun(hoo, arg);

   }

   else A= A.concat(arguments.callee(hoo, fun, arg));

   hoo= hoo.nextSibling;

  }

 }

 return A;

}


//test


**Run.godeep(document.body, Run.makestrong,/([Ee]+)/g);**


查看完整回答
反對 回復 2019-12-06
  • 3 回答
  • 0 關注
  • 540 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號