Question

下面是我的代码段，所以下面的内容是，当点击任何td时，然后将其文本保存到名为＆＃39; lttext＆＃39;的变量中。用于以后的内容恢复，并使用名称等于＆＃39;的输入替换其内容。与当前点击td具有相同索引的文本，当点击其他时，然后恢复之前点击的td的先前内容并恢复到当前点击td，清除内容并请输入等等，但不幸的是不工作（检查我的片段）。任何想法，线索和建议（使其更好）？

＆＃13;

$(document).ready(function() {
  var lttext;
  $(document).on("click", "#uiu_table td:not(.ghost)", function() {

    $(this).closest("tr").find(".editable").html("").text(lttext);

    $(this).addClass("editable");
    lttext = $(this).text();
    $(this).text("").html('<input type="text" class="form-control" name="' + $(this).closest("table").find('th:eq(' + $(this).index() + ')').text().toLowerCase().toLowerCase().replace(/ /g, "_") + '" value="' + lttext + '"/>');

    $(this).find("input").focus();
  })

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<table class="extend clear table table-hover" id="uiu_table">
  <thead>
    <th class="text_align_left ghost">ID</th>
    <th class="text_align_center">FIRSTNAME</th>
    <th class="text_align_center">LASTNAME</th>
    <th class="text_align_center">EMAIL</th>
    <th class="text_align_center">MOBILE</th>
  </thead>
  <tbody>
    <td class="text_align_left ghost">1</td>
    <td class="text_align_center">Jano</td>
    <td class="text_align_center">Gibis</td>
    <td class="text_align_center">jano.gibis@yahee.com</td>
    <td class="text_align_center">+6392023473</td>
  </tbody>
</table>

＆＃13;

注意：这就像实时表格编辑。

点击“td＆＃39;显示输入和点击其他人时输入＆＃39; td＆＃39;恢复以前的内容

0 个答案: