單擊帶有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 =“＃”並將標簽更改為（哪種方式）文本框/框后，如何編輯電話號碼？

Answer 1

在編輯超鏈接的基礎上，將“將標簽更改為文本框”單擊

現場演示

$(function() {
  $('a.edit').on("click",function(e) {
    e.preventDefault();
    var dad = $(this).parent().parent();
    var lbl = dad.find('label'); 
    lbl.hide();
    dad.find('input[type="text"]').val(lbl.text()).show().focus();
  });

  $('input[type=text]').focusout(function() {
      var dad = $(this).parent();
      $(this).hide();
      dad.find('label').text(this.value).show();
  });
});

Answer 2

嘗試：

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

如果一個tr帶有標簽，則應在id或tr上放置id。