克隆链接，包含特定的文本，并附加到新的李类，只有当写在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>