Question

在运行时生成了多个链接，没有绑定特定的ID，这里是在循环中生成链接的代码

<%for(int p=0;p<displayLink.length;p++){%>
  <a href="javascript:removeAccount('<%=displayLink[p]%>')" ><%=displayLink[p]%></a>
  <br>
<% }

点击链接时，应该隐藏或从页面中删除，我正在尝试下面但它不起作用。

function removeAccount (link){
  $("#link").on('click', function(e) {
    $('#link').prop('disabled',true);
  });
}

Answer 1

function removeAccount (link){
  $("#link").on('click', function(e) {
    e.preventDefault();
     $('#link').hide();
  });
}

Answer 2

试试此代码

<%for(int p=0;p<displayLink.length;p++){%>
  <a href="javascript:void(0)" class="my-link" ><%=displayAcct[p]%></a><br>
<% } %>

<强>的Javascript

$(".my-link").on('click', function() {
  $(this).hide();
});

Answer 3

这可能会给你一些想法：编辑：但目前还不清楚除了隐藏它之外你还会发生什么。

$("#links a").click(function(e) {
  e.preventDefault();
  $(this).fadeOut();
  
  $('#out').html($(this).data('link'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="links">
  <a href="#" data-link="your link data1">link1</a>
  <a href="#" data-link="your link data2">link2</a>
  <a href="#" data-link="your link data3">link3</a>
  <a href="#" data-link="your link data4">link4</a>
  <a href="#" data-link="your link data5">link5</a>
</div>
<span id="out"></span>

Answer 4

您无法禁用链接，可以显示/隐藏。在你的，这就是你要找的东西：

(overwrite "greenbeans" "munk" "grub")
=> "munknbgrub"
(overwrite "dog" "mouse" "flea")
=> "mouseflea"

如果您想从页面中完全删除链接：

$('#link').hide();

使用jQuery点击后隐藏链接

4 个答案: