javascript - 如何使用 Jquery 将“标签”添加到搜索字段

Question

我tagbutton在一个表中有一些标签（已被点击。我还希望将单击的 div 复制到tagselecteddiv 中。我不知道如何在 jquery 上做到这一点。非常感谢您的帮助。

 <table> <tr>


         <td>   <div class="tagbutton" id="jazz"> Jazz </div> </td>

         <td>        <div class="tagbutton" id="classical"> Classical </div> </td>

         <td>        <div class="tagbutton" id="R&B"> R&B </div> </td>

</tr> </table> 


<div id="tagselected"> </div>

<form> <input type="text"> <button ="submit"> Submit </button> </form>

这是我必须复制 div 的 javascript 函数，但是当我单击它时，整个表都会被复制

$('#jazz').click(function () {

      $('.tagbutton').clone().insertAfter("#tagselected");

    });

Answer 1

这段代码是错误的：

$('#jazz').click(function () {

  $('.tagbutton').clone().insertAfter("#tagselected");

});

这段代码的问题是您正在检索tagbutton整个页面上所有具有类的项目。如果您的点击功能在您想要的项目上，那么您应该能够只使用this来访问点击的项目。

所以像：

  $(this).clone().insertAfter("#tagselected");

此代码未经测试，只是初始 jQuery 选择器的简单更改。

我假设您在隐藏字段中遇到的问题是相同的 - 您选择了所有标签，而不仅仅是您点击的标签，所以希望这也能解决这个问题。