我是编程世界的新手,我正在尝试创建一个html网站。
我有文件或书名的列表(显示在html表中)。有什么方法可以允许用户单击星号图标后将其添加到收藏夹文件或将其添加到收藏夹,然后将其缓存并在以后访问页面时使添加了书签的文件显示在此列表的顶部?
示例:
<div class="bookmarked-files">
<!-- here users can see items that they bookmarked, e.g.: -->
<table><tr><td>File5 </td></tr></table>
<table><tr><td>File5 </td></tr></table>
<table><tr><td>File5 </td></tr></table>
</div>
<div class="list-to-be-bookmarked">
<table>
<tr><td>file 1 <div class="add-to-bookmarks">Click here to add to book mark</div> </td></tr>
<tr><td>file 2 <div class="add-to-bookmarks">Click here to add to book mark</div> </td></tr>
<tr><td>file 3 <div class="add-to-bookmarks">Click here to add to book mark</div> </td></tr>
<tr><td>file 4<div class="add-to-bookmarks">Click here to add to book mark</div> </td></tr>
<!-- file 5 has been bookmarked -->
<tr><td>file 6 <div class="add-to-bookmarks">Click here to add to book mark</div> </td></tr>
</table>
</div>
当用户单击“添加到书签”时,我希望表上方的行移动到“您添加了书签的表行”
我该如何实现?任何帮助将不胜感激
更多说明,请参见附件图片