Question

我有一个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）”）来检索这个但无济于事。

Answer 1

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

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

Answer 2

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

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

全部谢谢！

Answer 3

$(".ui-pg-button[title='Search']").gt(0).find('div').hide();

Answer 4

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

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

我将使用“搜索”标题匹配任何td，这样无论订单如何，它都只会隐藏“搜索”项的第一次出现。

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

Answer 5

$('td:gt(1)').hide();

see this demo

jquery：如何隐藏第二个div？

5 个答案: