用jQuery隐藏行

Question

目前,我在页面上显示以下字段:

Deliv ery O ption s:Stand ard S hippi ng

礼物Messa ge:vbxcx b

Deliv ery D ate:2013年6月12日

年龄差异:没有

它们在表单完成后生成服务器端,html如下所示:

<td class="ProductName" colspan="1">
<a href="http://www.mywebsite.com/basket-number-one/">Basket Number One</a>

    <table class="productAttributes" cellpadding="0" cellspacing="2">
        <tr>
            <td>
                <label>Deliv&#8203;ery O&#8203;ption&#8203;s:</label>
            </td>
            <td>
                <span>Stand&#8203;ard S&#8203;hippi&#8203;ng</span>
            </td>
        </tr>
        <tr>
            <td>
                <label>Gift &#8203;Messa&#8203;ge:</label>
            </td>
            <td>
                <span>vbxcx&#8203;b</span>
            </td>
        </tr>
        <tr>
            <td>
                <label>Deliv&#8203;ery D&#8203;ate:</label>
            </td>
            <td>
                <span>12/06&#8203;/2013</span>
            </td>
        </tr>
        <tr>
            <td>
                <label>Age V&#8203;erifi&#8203;catio&#8203;n:</label>
            </td>
            <td>
                <span>No</span>
            </td>
        </tr>
    </table>

我想完全隐藏最后一行,"年龄验证:否".我尝试了以下但最终隐藏了除第一行"交付选项......"之外的所有内容.基本上想要隐藏任何包含"年龄验证和文本跟随,在这种情况下"#"的内容:

<script>
    var age_html = $(".ProductName").html();
    $(".ProductName").html(age_html.replace("Age Verification", ""));
</script>?

非常感谢你.

Answer 1

你需要隐藏.ProductNametd 中表中的最后一个tr

$('.ProductName table tr:last').hide();//or .remove() if you want to remove the td

演示:小提琴