-2

1 中有 6 个问题。假设我有这个：

<body>
    <form>
        <h3>blah</h3>
        <table>
            <tr>
                <th>Input 1:</th>
                <td><input type="text" id="some-input-a" name="some-input-a" /></td>
            </tr>
            <tr>
                <th>Input 2:</th>
                <td><input type="text" id="other-input" name="other-input" /></td>
            </tr>
        </table>
        <h3>blah</h3>
        <table>
            <tr>
                <th>Input 3:</th>
                <td>
                    <select name="my-select" id="my-select">
                        <option value="1">My 1</option>
                        <option value="c">Your f</option>
                        <option value="m">This g</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>Input 4:</th>
                <td><input type="password" id="pass-input" name="next-input" /></td>
            </tr>
            <tr>
                <th>Input 5:</th>
                <td><input type="password" id="pass-confirm" name="pass-confirm" /></td>
            </tr>
        </table>
        <h3>blah</h3>
        <table>
            <tr>
                <th>Input 6:</th>
                <td><input type="text" id="next-one" name="next-one" /></td>
            </tr>
            <tr>
                <th>Input 7:</th>
                <td><input type="text" id="more-inputs" name="more-inputs" /></td>
            </tr>
            <tr>
                <th>Input 8:</th>
                <td><input type="text" id="form-input" name="form-input" /></td>
            </tr>
            <tr>
                <th>Input 9:</th>
                <td><textarea name="description" id="description" rows="5" cols="30"></textarea></td>
            </tr>
            <tr>
                <th>Input 10:</th>
                <td><input type="text" id="input-10" name="input-10" /></td>
            </tr>
        </table>
    </form>
</body>

有没有简单的隐藏方法：

  1. 第三张表完全
  2. Textarea所在的行
  3. ID 为“description”的元素所在的行
  4. 第 3 表的第 2 行
  5. 第 3 次<h3>
  6. 第五个输入标签

使用选择器

4

2 回答 2

5

1.

$('form table:eq(2)').hide();

2.

$('form table tr').has('textarea').hide();

3.

$('#description').hide();

4.

$('form table:eq(2) tr:eq(1)').hide();

5.

$('form h3:eq(2)').hide();

6.

$('form input:eq(4)').parent().prev('td').hide();

阅读有关jQuery 选择器的信息。

于 2012-09-13T19:46:04.273 回答
1

你使用 .hide() 来隐藏元素。你还有很多重复的问题。尝试这个

 1.) $('table:eq(2)').hide();

    2.) $('table tr').has('textarea').hide();

    3.) $('#description').parent().parent().hide();

    4.) $('table:eq(2) tr:eq(1)').hide();    

    5.) $('h3:eq(2)').hide();

    6.) $('table input:ep(4)').hide();
于 2012-09-13T19:50:13.490 回答