通过javascript删除不需要的文本答案

【问题标题】：Remove the unwanted text through javascript通过javascript删除不需要的文本
【发布时间】：2015-07-30 09:48:43
【问题描述】：

我有一个无法访问 HTML 代码的表格。我想删除“信息”和“|”在“注册”链接之前。我只想要<td> 中的注册链接。这就是我想要做的。

<script>
    j$(document).ready(function() {
        j$('td.table-text:contains("|")').replaceWith(" ");
    });
</script>
</head>
<table width="100%" cellspacing="0" cellpadding="0" id="Registrants" class="grid">
    <tbody>
        <tr class="">
            <td class="table-text">
                <input type="checkbox" onclick="AutoCheckGuest('ctl00_ContentPlaceHolder1_ctl01_rptRegistrants_ctl00_chkRegistrant', 'Registrants', 'ctl00_ContentPlaceHolder1_ctl01_trAddAnother', 'True');" name="ctl00$ContentPlaceHolder1$ctl01$rptRegistrants$ctl00$chkRegistrant" id="ctl00_ContentPlaceHolder1_ctl01_rptRegistrants_ctl00_chkRegistrant" class="">
                <input type="hidden" value="75a6c1cd-39bc-4cfd-b220-5a8b2bba1ff9" id="ctl00_ContentPlaceHolder1_ctl01_rptRegistrants_ctl00_hdnRegistrant" name="ctl00$ContentPlaceHolder1$ctl01$rptRegistrants$ctl00$hdnRegistrant">
                <input type="hidden" value="3" id="ctl00_ContentPlaceHolder1_ctl01_rptRegistrants_ctl00_hdnEntityType" name="ctl00$ContentPlaceHolder1$ctl01$rptRegistrants$ctl00$hdnEntityType">
            </td>
            <td class="table-text">Test Name
                <label class="BodyTextBold1" id="ctl00_ContentPlaceHolder1_ctl01_rptRegistrants_ctl00_lblPrimaryInvitee" for="ctl00_ContentPlaceHolder1_ctl01_rptRegistrants_ctl00_chkRegistrant">(Primary Registrant)</label>
            </td>
            <td class="table-text" id="ctl00_ContentPlaceHolder1_ctl01_rptRegistrants_ctl00_tdRegistrationType">Group Leader&nbsp;</td>
            <td class="table-text"><a href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$ctl01$rptRegistrants$ctl00$btnModifyPersonalInfo&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, true))" id="ctl00_ContentPlaceHolder1_ctl01_rptRegistrants_ctl00_btnModifyPersonalInfo" onclick="javascript:return ValidateUnregisterCheckBox('ctl00_ContentPlaceHolder1_ctl01_rptRegistrants_ctl00_chkRegistrant','You cannot modify information for a guest that is about to be unregistered.');">Information</a> | <a href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$ctl01$rptRegistrants$ctl00$btnModifyRegInfo&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, true))" id="ctl00_ContentPlaceHolder1_ctl01_rptRegistrants_ctl00_btnModifyRegInfo" onclick="javascript:return ValidateUnregisterCheckBox('ctl00_ContentPlaceHolder1_ctl01_rptRegistrants_ctl00_chkRegistrant','You cannot modify information for a guest that is about to be unregistered.');">Registration</a>
            </td>
        </tr>
    </tbody>
</table>

【问题讨论】：

标签： javascript jquery html css ajax

【解决方案1】：

可以遍历在最后一个td中找到最后一个a元素并替换其内容。试试这个：

var $td = $('td').last();
var $a = $td.find('a').last();
$td.empty().append($a);

Example fiddle

如果您需要在表格的多行上实现这一点，您可以改用:last-child 选择器：

var $tds = $('tr td:last-child');
var $a = $tds.find('a').last();
$td.empty().append($a);

Example fiddle

【讨论】：