jQuery可以删除这段文字吗？

Question

我试图找到解决方法，从SharePoint 2007网站上的公告摘要视图中删除“by”行。出于各种原因，我在网上找到的东西似乎都行不通 - 所以我想采取另一条路线，提供一些有才华的人才会有所帮助。有谁知道如何使jQuery的工作有些神奇，所以HTML的第一块可以最终呈现为第二块HTML？

块1：

<a onfocus="OnLink(this)" href="/Lists/Our%20Announcements/DispForm.aspx?ID=36" ONCLICK="GoToLink(this);return false;" target="_self">Title of Annoucement </a><IMG SRC="/_layouts/1033/images/new.gif" alt="New">&nbsp;</span><br>by <nobr><span><A ONCLICK="GoToLink(this);return false;" HREF="/_layouts/userdisp.aspx?ID=2258">Lastname, FirstName I.</A><img border="0" height="1" width="3" src="/_layouts/images/blank.gif" alt="" /><a href="javascript:" onclick="IMNImageOnClick();return false;" class="ms-imnlink"><img title="" alt="No presence information" name="imnmark" border="0" valign="middle" height="12" width="12" src="/_layouts/images/blank.gif" sip="email@address.com" id="imn0,type=smtp" ></a></span></nobr></td><td width=20% align="right" nowrap class="ms-vb">&nbsp;4/15/2013 12:51 PM</td></tr><tr><td colspan=2 class="ms-vb"> <div id="{291345DC-BEAE-47B6-8F53-41C07838090C}36"><div class=ExternalClass5BF6EE28A88D436CAC2FE553E7F2CED7><div> 

块2：

<a onfocus="OnLink(this)" href="/Lists/Our%20Announcements/DispForm.aspx?ID=36" ONCLICK="GoToLink(this);return false;" target="_self">Title of Annoucement </a><IMG SRC="/_layouts/1033/images/new.gif" alt="New">&nbsp;</span></td><td width=20% align="right" nowrap class="ms-vb">&nbsp;4/15/2013 12:51 PM</td></tr><tr><td colspan=2 class="ms-vb"> <div id="{291345DC-BEAE-47B6-8F53-41C07838090C}36"><div class=ExternalClass5BF6EE28A88D436CAC2FE553E7F2CED7><div> 

这是我需要的东西已经删除：

<br>by <nobr><span><A ONCLICK="GoToLink(this);return false;" HREF="/_layouts/userdisp.aspx?ID=2258">Lastname, FirstName I.</A><img border="0" height="1" width="3" src="/_layouts/images/blank.gif" alt="" /><a href="javascript:" onclick="IMNImageOnClick();return false;" class="ms-imnlink"><img title="" alt="No presence information" name="imnmark" border="0" valign="middle" height="12" width="12" src="/_layouts/images/blank.gif" sip="email@address.com" id="imn0,type=smtp" ></a></span></nobr> 

---------- ------------------更新以获得更好的格式化---------------------------- --- 真的没有什么，我可以看到哪些jQuery的CA ñ选择。此外，这是来自SharePoint，所以我不能将任何id或div添加到生成的代码。

块1：

<TR> 
     <TD width=80% class="ms-vb" style="padding-bottom: 3px"> 
     <span class="ms-announcementtitle"><a onfocus="OnLink(this)" href="/Lists/Our%20Announcements/DispForm.aspx?ID=36" ONCLICK="GoToLink(this);return false;" target="_self">Title of Annoucement </a><IMG SRC="/_layouts/1033/images/new.gif" alt="New">&nbsp;</span> 
     <br>by 
     <nobr> 
      <span><A ONCLICK="GoToLink(this);return false;" HREF="/_layouts/userdisp.aspx?ID=2258">Lastname, FirstName I.</A><img border="0" height="1" width="3" src="/_layouts/images/blank.gif" alt="" /><a href="javascript:" onclick="IMNImageOnClick();return false;" class="ms-imnlink"><img title="" alt="No presence information" name="imnmark" border="0" valign="middle" height="12" width="12" src="/_layouts/images/blank.gif" sip="email@address.com" id="imn0,type=smtp" ></a></span> 
     </nobr> 
     </td> 
     <td width=20% align="right" nowrap class="ms-vb">&nbsp;4/15/2013 12:51 PM</td> 
    </tr> 
    <tr> 
     <td colspan=2 class="ms-vb"> 
      <div id="{291345DC-BEAE-47B6-8F53-41C07838090C}36"> 
      <div class=ExternalClass5BF6EE28A88D436CAC2FE553E7F2CED7> 
      <div> 
      <div> 
       <p style="line-height:normal;margin:0in 0in 0pt;vertical-align:top" class=MsoNormal> 
        <b> 
         <span style="font-family:'Arial','sans-serif';color:black;font-size:9pt"> 
          <em>A message from Firstname Lastname</em> 
         </span> 
        </b> 
       </p> 
       <p style="line-height:normal;margin:0in 0in 0pt;vertical-align:top" class=MsoNormal> 
        <span style="font-family:'Arial','sans-serif';color:black;font-size:9pt"></span> 
       </p> 
       <p style="line-height:normal;margin:0in 0in 0pt;vertical-align:top" class=MsoNormal> 
        <span style="font-family:'Arial','sans-serif';color:black;font-size:9pt">Here is the message </span> 
       </p> 
       <p style="line-height:normal;margin:0in 0in 0pt;vertical-align:top" class=MsoNormal> 
        <span style="font-family:'Arial','sans-serif';color:black;font-size:9pt"></span> 
       </p> 
       <p style="line-height:normal;margin:0in 0in 0pt;vertical-align:top" class=MsoNormal> 
        <span style="font-family:'Arial','sans-serif';color:black;font-size:9pt">To... 
      </div> 
     </TD> 
    </TR> 
    <TR> 
     <TD> 
      <font size=1>&nbsp;</font> 
     </TD> 
    </TR> 

块2：

 <TR> 
     <TD width=80% class="ms-vb" style="padding-bottom: 3px"> 
     <span class="ms-announcementtitle"><a onfocus="OnLink(this)" href="/Lists/Our%20Announcements/DispForm.aspx?ID=36" ONCLICK="GoToLink(this);return false;" target="_self">Title of Annoucement </a><IMG SRC="/_layouts/1033/images/new.gif" alt="New">&nbsp;</span> 
     </td> 
     <td width=20% align="right" nowrap class="ms-vb">&nbsp;4/15/2013 12:51 PM</td> 
    </tr> 
    <tr> 
     <td colspan=2 class="ms-vb"> 
      <div id="{291345DC-BEAE-47B6-8F53-41C07838090C}36"> 
      <div class=ExternalClass5BF6EE28A88D436CAC2FE553E7F2CED7> 
      <div> 
      <div> 
       <p style="line-height:normal;margin:0in 0in 0pt;vertical-align:top" class=MsoNormal> 
        <b> 
         <span style="font-family:'Arial','sans-serif';color:black;font-size:9pt"> 
          <em>A message from Firstname Lastname</em> 
         </span> 
        </b> 
       </p> 
       <p style="line-height:normal;margin:0in 0in 0pt;vertical-align:top" class=MsoNormal> 
        <span style="font-family:'Arial','sans-serif';color:black;font-size:9pt"></span> 
       </p> 
       <p style="line-height:normal;margin:0in 0in 0pt;vertical-align:top" class=MsoNormal> 
        <span style="font-family:'Arial','sans-serif';color:black;font-size:9pt">Here is the message </span> 
       </p> 
       <p style="line-height:normal;margin:0in 0in 0pt;vertical-align:top" class=MsoNormal> 
        <span style="font-family:'Arial','sans-serif';color:black;font-size:9pt"></span> 
       </p> 
       <p style="line-height:normal;margin:0in 0in 0pt;vertical-align:top" class=MsoNormal> 
        <span style="font-family:'Arial','sans-serif';color:black;font-size:9pt">To... 
      </div> 
     </TD> 
    </TR> 
    <TR> 
     <TD> 
      <font size=1>&nbsp;</font> 
     </TD> 
    </TR> 

Answer 1

为此，您可以删除它，虽然它可能有助于知道什么是包装，所以你不要意外删除的东西那需要保持。在我的例子，我只是放在一个div周围的罪魁祸首：

演示：http://jsfiddle.net/lucuma/yyEXU/1/

代码：

$('div').html($('div').html().replace('by','')) 

或者你可以使用体或文档更加普遍：

$('body').html($('body').html().replace('by','')); 

由于td's包含by你可以优化这个并寻找单词by并且只做那些替换如果你wa NT：

$('td').each(function() { 
    if ($(this).text().indexOf('by')>-1) 
    $(this).html($(this).html().replace('by','')); 
    $('nobr', this).remove(); // if the nobr contains by we remove this. 
    // $(this).empty() // this will remove the contents and keep the tags. 
} 

Answer 2

使用此：

$('.ms-partline').parent().parent().parent().remove(); 

它只会删除那些意见是在SharePoint