克隆鏈接，包含特定的文本，並附加到新的李類，只有當寫在HTML中

Question

我很努力去理解我能如何實現這一點。

在HTML

<td class="welcome" rowspan="3"> 
    <b> 
     27412 Commissioner 
    </b> 
    (
    <a href="http://football34.myfantasyleague.com/2015/logout?L=27412"> 
     Logout 
    </a> 
    | 
    <a href="http://football34.myfantasyleague.com/2015/logout?L=27412&BECOME=0001"> 
     Become Owner 
    </a> 
    ) 
    <br></br> 
    <small> 
     <a href="http://football34.myfantasyleague.com/2015/support?L=27412&PROGRAM=commissioner_setup" target="_blank"> 
      Help Center 
     </a> 
    </small> 
</td> 

我需要有一個腳本，如果td.welcome有文字「成爲所有者」或「成爲委員」，克隆

目前並追加特定A HREF鏈接和文本

然後在HTML某處esle我想添加一個新的名爲黎類

<li class="become"></li> 

，並有鏈接和文字顯示appened它，所以生成的HTML看起來如T他

<li class="become"> 
     <a href="http://football34.myfantasyleague.com/2015/logout?L=27412&BECOME=0001"> 
      Become Owner 
     </a> 
</li> 

Answer 1

//Find nodes that contain "Become Owner" or "Become Commissioner" in nodes with the class "welcome" 
 
var $link = $('.welcome :contains("Become Owner"), .welcome :contains("Become Commissioner")'); 
 

 
//If we have results 
 
if($link.length > 0){ 
 
    //append a clone of the first result to the nodes with the class "become" 
 
    $('.become').append($link[0].cloneNode(true)); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
     <tr> 
 
     <td class="welcome" rowspan="3"> 
 
      <b> 
 
       27412 Commissioner 
 
      </b> 
 
      (
 
      <a href="http://football34.myfantasyleague.com/2015/logout?L=27412"> 
 
       Logout 
 
      </a> 
 
      | 
 
      <a href="http://football34.myfantasyleague.com/2015/logout?L=27412&BECOME=0001"> 
 
       Become Owner 
 
      </a> 
 
      ) 
 
      <br></br> 
 
      <small> 
 
       <a href="http://football34.myfantasyleague.com/2015/support?L=27412&PROGRAM=commissioner_setup" target="_blank"> 
 
        Help Center 
 
       </a> 
 
      </small> 
 
     </td> 
 
    </tr> 
 
</table> 
 
<ul> 
 
    <li class="become"></li> 
 
</ul>