ボタンをクリックするだけで、5つの段落のうち3番目の段落を非表示にします。段落にクラスやIDを割り当てる必要はありません。

これは、eq()メソッドを使用して、一致したセット内のどの要素をインデックスで取得するかを指定することで実現できます。インデックスはゼロベースであるため、3番目の要素を取得するにはeq(2)。

また、ボタンのイベントではなく、要素のsubmitイベントにフックする必要があることに注意してください。1つ目は、はるかに優れた方法であり、2つ目は、ASP.Net Webフォームを使用しているためです。つまり、サーバーによってHTMLが生成されるときに、すべての要素で属性が上書きされます（設定を指定しているが、特に関係がない場合を除く）。ここに）。formclickidrunat="server"

これを試して：

<form id="form1" runat="server">
    <div id="div">
        <p>para1</p>
        <p>para2</p>
        <p>para3</p>
        <p>para4</p>
        <p>para5</p>
        <asp:Button id="button" runat="server" Text="Click to hide para3!" />     
    </div>
</form>

$("form").submit(function(e) {
    e.preventDefault();
    $('#div').find('p:eq(2)').hide();
});

実例