0

我有一个 jquery 问题，如何隐藏第一个/第二个 div，所以现在它显示搜索、搜索。我想要“搜索”：

<tbody>
    <tr>
        <td class="ui-pg-button ui-corner-all" title="Reload Grid" id="refresh_jqgProducts">
            <div class="ui-pg-div">
                <span class="ui-icon ui-icon-refresh"></span>
            </div>
        </td>
        <td class="ui-pg-button ui-corner-all" title="Search">
            <div class="ui-pg-div">
                <span class="ui-icon ui-icon-search"></span>Search</div>
        </td>
        <td class="ui-pg-button ui-corner-all" title="Search">
            <div class="ui-pg-div">
                <span class="ui-icon ui-icon-search"></span>Search</div>
        </td>
    </tr>
</tbody>

我尝试了类似： $("td .ui-pg-div :nth-child(1)") 来检索它，但无济于事。

4

5 回答 5

2 
$('td .ui-pg-button').gt(0).find('div').hide();

http://api.jquery.com/gt
http://api.jquery.com/eq

于 2012-08-22T12:58:06.163 回答
2

我在你的帮助下找到了它：

$("div.ui-pg-div:eq(1)").hide()

谢谢大家！

于 2012-08-23T00:38:53.743 回答
0 
$('td:gt(1)').hide();​

看这个演示

于 2012-08-22T13:06:10.290 回答
0 
$(".ui-pg-button[title='Search']").gt(0).find('div').hide();
于 2012-08-22T13:03:45.233 回答
0

在您的 javascript 中，当您在元素中即时工作时，您必须确保您的脚本中有 Document.Ready。

$(document).ready(){
    $('td[title="Search"]:first').remove();
}

我将匹配任何td与“搜索”标题相匹配的内容，这样无论顺序如何，它都只会隐藏“搜索”项目的第一次出现。

我也在删除该项目，而不仅仅是隐藏它

于 2012-08-22T13:04:37.220 回答