将选定的 link 附加到 div

appending selected link into a div

我正在研究一项功能,当用户从每个循环中选择一个 link 时,它会附加到一个 div,它现在可以工作,而不是一个 link,它会附加所有可用的 link。我该如何解决这个问题?

<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>  

追加 link:

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

正在为每个人分配 ID link:

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

删除禁用 class 以便 <a> 作为 link:

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

使用这个参考

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