javascript - javascriptでhrefをクリックした後にラベル値を編集する方法は?

Question

私は持っている：

                    <tr>
                        <td align="left">Phonenr:</td>
                        <td align="left"><b>
                            <label style="color: #662819;" id="phone">911</label>
                        </b></td>
                        <td><a href="#">Change phone</a></td>
                    </tr>

href="#" をクリックしてラベルを textfield/box に変更した後、電話番号を編集するにはどうすればよいですか?

Answer 1

試す：

$('tr a').click(function() {
    var label = $(this).parent().prev().find('label');
    label.replaceWith('<input type="text" value="211"/>');
    return false;
});

複数の tr にタグがある場合は、id を a または tr に付ける必要があります。