Question

我希望允许用户点击每行末尾可用的链接（fa fa-pencil - 充当编辑行链接）（并且行由用户输入，因此只有为标题编写的HTML代码）。当用户点击它时，只有该特定行应该对用户可编辑然后单击键盘上的Enter键应将其再次更改为不可编辑。我不确定如何为此编写JavaScript，我的HTML在下面

<div class = "Data">
                    <div class ="searchBar">
                        <input type = "search" name = "search" id = "search">
                        <a href="#"> <i class = "fa fa-search"></i></a>
                        <button id = "delete">Delete Selected</button>
                    </div>


                <table style ="width:95%" class = "Info">
                    <thead>
                    <tr>
                        <th>Select </th>
                        <th>Name</th>
                        <th>Number</th>
                        <th>Date of Birth</th>
                        <th><a href ="#"><i class = "fa fa-pencil"></i></a></th>
                    </tr>
                    </thead>
                </table>
                </div>

请帮助，将不胜感激。

Answer 1

您应该了解有关html属性contenteditable=true的更多信息。所以你可以这样做：$('your_th').attr('contenteditable','true');
在此处了解更多相关信息：http://www.w3schools.com/tags/att_global_contenteditable.asp

JQuery表行编辑

1 个答案: