将选定的链接附加到 div

Question

我正在开发一项功能，当用户从每个循环中选择一个链接时，它会附加到一个 div 中，此时它可以工作，但它不是一个链接，而是附加所有可用的链接。我该如何解决这个问题？

<div id="dialog" title="Basic dialog">
@foreach ($websites as $website)
<li><a class="websites disabled" href=" {{ url('website/' . $website->name) }}"> {{  $website->name }}
</a></li> @endforeach
</div>  

附加链接：

$(".websites").on('click', function() {
    $(".websites").appendTo("#content-link2");
});

为每个链接分配 ID：

$('#dialog li').each(function(i) {
    $(this).attr('id', 'page'+(i+1));
});

删除禁用类，以便 <a> 用作链接：

$("#addLinks").on('click', function() {
    $(".websites").removeClass("disabled");
});

Answer 1

使用 this 参考

$(".websites").on('click', function() {
  $(this).appendTo("#content-link2");
});