jquery - すべてではなく 1 つのテキストボックスのみを変更する

Question

パスワードを入力したら、パスワード テキスト ボックスを通常のテキスト ボックスに置き換えようとしています。このコードは、最初のパスワード テキスト ボックスが空でない場合にのみ機能しますが、すべてのパスワード テキスト ボックスでもコードを実行します。

if ($('input[type=password]').val() != "") {
                    $('input[type=password]').hide(); 
                    $('input[class=showPswd]').show(); 
                }

私はこのようなものがうまくいくと思っていましたが、そうではありません。

if ($('input[type=password]').val() != "") {
                        $(this).find('input[type=password]').hide(); 
                        $(this).find('input[class=showPswd]').show(); 
                    }

各パスワードテキストボックスを見て、空のときにそのテキストボックスだけを置き換えるコードを取得するにはどうすればよいですか?

ありがとう

編集: これは一般的なレイアウトです。ほぼ同一の行がさらにあります。

                <td class="style1">
                    QA :</td>
                <td class="style2">
                <asp:DropDownList ID="DropDownList4" runat="server">                   
                    </asp:DropDownList>
                    </td>

                <td style="vertical-align:middle">
                    <asp:TextBox ID="TextBox4" runat="server" textmode="Password"></asp:TextBox>
                        <asp:TextBox ID="TextBox21" runat="server" style="display:none;" class="showPswd" value="Accepted"></asp:TextBox>

                    <asp:Label ID="Label4" runat="server" Text=""
                    ></asp:Label>
                    </td>                
            </tr>