用jQuery设置href内容为空点击删除一行

最新推荐文章于 2021-02-20 21:00:50 发布
最新推荐文章于 2021-02-20 21:00:50 发布
阅读量492 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/smile0523/article/details/51064848
版权
本文介绍了如何使用jQuery设置href为空，实现点击链接后删除表格中的一行数据。通过绑定click事件，设置href为'javascript:void(0)'，然后在事件处理函数中删除对应的DOM元素。
摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>


<script src="js/jquery-1.7.2.min.js"></script>


</head>


<body>
<div>
  <ul id="list">
     <li>这是第一个要删除的话<a class="del1" href="#del">删除</a></li>
     <li>这是第二个要删除的话<a class="del2" href="http://www.baidu.com">删除
最低0.47元/天 解锁文章
smile0523
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery通过a标签删除table中的一行的代码
10-26
总结起来，使用jQuery通过a标签删除table中的一行，主要步骤包括： 1. 在HTML中，为每个需要删除的行创建一个`<a>`标签，设置`onclick`事件，调用删除函数并传入ID和`this`。 2. 在JavaScript中，定义删除函数，...
a标签的href值为空时怎么设置
qingliuFu的博客
02-01 1万+
a标签中的href值是一个地址，指示点击这个标签时，转向的地址。 但是当使用a标签来做按钮，不需要跳转时，href值即为空。 链接时，会保留a标签的表现，但是当这个a标签不在首屏里，比如  body{position:relative;} a{position:absolute;top:1000px;} 此时点击这个链接时，会跳转到首屏。 所以我们需要使用以下两种方式：
jquery修改a标签的href链接和文字
热门推荐
薛秋艳的博客
06-25 7万+
 以下修改a标签的href链接和修改文字的代码： 原链接： http://keleyi.com" id="home_keleyi_com">柯乐义 修改a标签的href链接： $('#home_keleyi_com').attr('href','http://keleyi.com'); 修改文字： $("#home_keleyi_com").text('柯乐义首页');
jQuery清除数组中的空值（亲测有效）
小志的博客
02-20 2466
1、jQuery代码示例如下 //定义一个带有空值的数组 var userIdArr= ["1", "2", "5", "8", " ","12"]; //去掉数组中的空值 var userIds = this.userIdArr.filter(s => $.trim(s).length > 0); //输出结果 console.log(userIds); 2、输出结果如下 结果：["1", "2", "5","8","12"] ...
jquery修改图片src
王梦蛟的博客
03-13 4万+
jquery修改图片src，会重新请求此图片url，重新加载图片。方法如下：$("#img_pre").attr("src", src_value);
如何将div中的内容设置为空同时还要保留div本身
NRGAGA的专栏
05-17 6427
https://www.cnblogs.com/wgbs25673578/p/5348125.html将div的innerHTML置为空即可，下面有2类方法可以实现：假设有如下的html片段：&lt;div id="test"&gt;这是要删除的内容，还要保留test本身&lt;/div&gt;原生js法document.getElementById('test').innerHTML = '';...
Jquery 获取相同NAME 或者id删除行操作
10-14
函数首先计算具有给定`NAME`的元素数量，然后遍历表格的每一行，获取第二列（`td:eq(1)`）的内容，这里可能是用来作为唯一标识的。`deldri`数组在这里似乎没有实际用途，因为它未在后续代码中使用。最后，使用jQuery...
jQuery实现表格行和列的动态添加与删除方法【测试可用】
10-21
这两个函数遍历所有行，并在每一行末尾添加或删除指定位置的列。 此外，我们还定义了`mover(_id)`和`mout(_id)`函数，用于在鼠标悬停时改变单元格的背景颜色，提供视觉反馈： ```javascript function mover(_id) {...
jQuery表格编辑添加删除行代码.zip
07-11
jQuery表格编辑添加删除行代码是一款适用于手机端的编辑表格代码。 <title>jQuery表格编辑添加删除行代码 </title> <link rel="stylesheet" href="css/bootstrap.css?3.1.64"> <...
jquery删除table当前行的实例代码
10-21
在实际应用中，我们通常会在单元格内放置数据或按钮，以便用户进行交互，比如删除某一行。 在给定的实例代码中，我们看到一个表格行包含了一个链接和一个删除按钮。当用户点击删除按钮时，会触发`deleteTr`函数，这...
jq实现点击添加和删除一行
骑着蜗牛り闯世界
07-07 3560
jq实现点击添加和删除一行           $("#add").click(function(){    var num =$("#line").children("p").length+1;    $("#line").append((""));  });  $("#minus").click(function(){   var lengt
jq清除数组中的空值
低调哥的博客
05-04 5537
  var arr1  =[1,2,3,null,undefined];      var arr=$.grep(arr1,function(n,i){          return n;      },false);      console.info(arr);//(3) [1, 2, 3];过滤掉了null和undeifind  ...
jquery同时修改a标签的href链接和文字
从入门到放弃
12-08 1826
无论是text $("#pass").attr({ "onclick" : "null", "text" : "已操作" }); 还是th:text $("#pass").attr({ "onclick" : "null", "th:te
jquery点击删除按钮,删除当前的div
祈澈菇凉
07-04 9441
现在有多行div，共用一个删除事件，点击删除的时候，会把页面所有的div全都删掉了，但是我只需要点击哪一行div里面的删除按钮，就删除哪一行，其实很简单，只需要写一个this事件即可。 参考代码如下： <!DOCTYPE html> <html lang="en"> <head> ...
利用jquery动态添加和删除表格的一行，并且保存单行数据
送你丶红色玫瑰
09-03 7622
开发时遇到一个需求：要求要在页面的表格可以添加和删除一行，并能填写对应的数据后保存这一行数据。 HTML代码 界面使用了freemarker框架，teams是后台传过来的list类型数据 &amp;amp;amp;lt;form action=&amp;amp;quot;&amp;amp;quot; id=&amp;amp;quot;&amp;amp;quot; method=&amp;amp;quot;post&amp;amp;quot;&am
Jquery实现表格动态增加一行，删除一行(最简洁的代码实现)
鄙人kunzhi96，感恩遇见！
05-15 2万+
最近做的项目中有一个需求就是要求在线填写表格内容时，不够的话可以动态添加一行，我这里用的jQuery来实现，下面是我项目截图展现： 当点击“添加输入框”按钮时，就会自动添加一行 下面我们来一下代码实现（把实际项目中的HTML代码简化了，其他功能可自己加） <!DOCTYPE html> <html> <head> <meta charset="utf-...
删除HTML里的a href标签
遥望......
08-29 4742
第一种方式是用正则 String aHrefRegex = "]*?\\shref=['\"]?(.*?)['\"].*?>"; String content = " \n" + " \n" + " 文章\n" + "
jquery动态添加删除一行数据
那些疯狂到以为自己能够改变世界的人，才能真正改变世界！
06-11 2411
jquery动态添加删除一行数据
bootstraptable 删除一行
最新发布
08-29
要删除Bootstrap Table中的一行，可以按照以下步骤进行操作： 1. 首先，确保已经引入了Bootstrap和Bootstrap Table的相关依赖。 2. 在HTML页面中，创建一个包含Bootstrap Table的表格，并设置一个唯一的ID，用于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值