-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. 3番目のテーブルは完全に
  2. Textareaがある行
  3. IDの要素を含む行は「description」です
  4. 3番目のテーブルの2行目
  5. 3番目<h3>
  6. 5番目の入力ラベル

セレクターの使用

4

2 に答える 2

5

1.1。

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

2.2。

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

3.3。

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

4.4。

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

5.5。

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

6.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 に答える