使用waitForKeyElements使用跨度包裝文本正在消除樣式？

我正在使用Greasemonkey和waitForKeyElements()來更改網頁中的一些文本。使用waitForKeyElements使用跨度包裝文本正在消除樣式？

這裏是一個單一的jNode元素的例子。

<div class="Ov-h Mx-a"> 
    <div> 
     <div class="Grid-bind-end"> 
      <div class="ysf-player-name Nowrap Grid-u Relative Lh-xs Ta-start"> 
       <a class="Nowrap" href="http://sports.yahoo.com/nfl/players/7206" target="sports">H. Miller</a> <span class="Fz-xxs">Pit - TE</span> 
      </div> 
     </div> 

     <div class="Grid-bind-end"> 
      <span class="ysf-player-status F-injury Fz-xxs Grid-u Lh-xs"></span> 

      <div class="ysf-player-detail Nowrap Grid-u Fz-xxs Lh-xs Ta-start"> 
       <span class="ysf-game-status"><a class="F-reset" href="http://sports.yahoo.com/nfl/pittsburgh-steelers-new-england-patriots-20150910017/" onclick="pop(this)" target="sports">Thu 5:30 pm @ NE</a></span> 
      </div> 
     </div> 
    </div> 
</div>

我想改變Thu 5:30 pm @ NE到Thu 5:30 pm @ < span class="color">NE - [rank]</span>（注意[排名]是一個變量我有）

這是我曾嘗試

jNode.text((jNode.text().replace("NE","<span class='color'>NE - [rank]</span>")))

但是，這使該元素失去它的造型。

來源

2015-09-04 Bijan

好了，這種包裝的 - 的*文本*，在單個節點 - '中是罕見的上下的地方它是好的，使用jQuery的'的.html（）的一個userscript。有「純粹的」DOM方法，但只要被替換的節點沒有子節點或事件處理程序，缺點是很小，而.html（）通常更清晰和簡單。 –

目前，您只需要在<div class="Ov-h Mx-a">中使用整個節點樹的文本（「H. Miller Pit-TE」等），並將其用作放棄DIV內所有現有html佈局的新內容。

正確的方法一般是改變內容只有相關元素避免同級元素（如此重視與addEventListener或on保持對他們的工作事件偵聽器）的娛樂和使用.html()（因爲你的加入HTML）：

var link = jNode.find(".F-reset"); 
link.html(link.html().replace("NE","<span class='color'>NE - [rank]</span>"));

來源

2015-09-05 05:50:15 wOxxOm

使用waitForKeyElements使用跨度包裝文本正在消除樣式？

回答

相關問題