Javascript 使用JQuery从html元素中删除链接
我工作的公司交给我一个使用模板运行的混乱网站,因此网站中的一些元素是自动生成的,是活动链接 我的主要问题是网站上的某些元素是活动链接,它们根本不应该是链接。我想知道是否有一种方法可以使用JQuery或者CSS从html元素中删除链接 这将极大地帮助我,提前谢谢。我需要删除类“slider”中的所有href 这是我的一些jquery,有人能告诉我如何添加它吗Javascript 使用JQuery从html元素中删除链接,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我工作的公司交给我一个使用模板运行的混乱网站,因此网站中的一些元素是自动生成的,是活动链接 我的主要问题是网站上的某些元素是活动链接,它们根本不应该是链接。我想知道是否有一种方法可以使用JQuery或者CSS从html元素中删除链接 这将极大地帮助我,提前谢谢。我需要删除类“slider”中的所有href 这是我的一些jquery,有人能告诉我如何添加它吗 <script type="text/javascript"> $(document).ready(function()
<script type="text/javascript">
$(document).ready(function(){
$("#productsLink").hover(function(){
$("#productsMenu").slideDown();
});
$("#productsLink, #productsMenu").hover(function(){
$("#productsLink").css("color","red");
});
$(".spacer", this).hover(function(){
$("#productsLink").css('color', 'white');
$("#productsMenu").slideUp();
$("#aboutLink").css('color', 'white');
$("#aboutMenu").slideUp();
});
});
</script>
$(文档).ready(函数(){
$(“#productsLink”).hover(函数(){
$(“#产品菜单”).slideDown();
});
$(“#产品链接,#产品菜单”)。悬停(函数(){
$(“#产品链接”).css(“颜色”、“红色”);
});
$(“.spacer”,this).hover(函数(){
$(“#productsLink”).css('color','white');
$(“#产品菜单”).slideUp();
$(“#aboutLink”).css('color','white');
$(“#关于菜单”).slideUp();
});
});
如果要从DOM中删除带有类名滑块的链接,请执行以下操作:
$('a.slider').remove();
如果要从DOM中删除带有类名滑块的链接,请执行以下操作:
$('a.slider').remove();
您可以使用以下代码从带有类滑块的链接中删除所有href
属性:
$('a.slider').removeAttr('href')
这将保持元素内容的完整性,并仅将其作为链接禁用。您可以使用以下代码从带有类滑块的链接中删除所有href
属性:
$('a.slider').removeAttr('href')
这将保持元素内容的完整性,并将其作为链接禁用。CSS在这里没有帮助,它只能用于完全隐藏元素
您可以使用replaceWith
方法将特定的a
元素转换为span
元素。例如:
$('a.something, a.someother').replaceWith(function(){
return $('<span/>').text($(this).text());
});
$('a.something,a.somether').replaceWith(function(){
返回$('').text($(this.text());
});
CSS在这里没有帮助,它只能用于完全隐藏元素
您可以使用replaceWith
方法将特定的a
元素转换为span
元素。例如:
$('a.something, a.someother').replaceWith(function(){
return $('<span/>').text($(this).text());
});
$('a.something,a.somether').replaceWith(function(){
返回$('').text($(this.text());
});
尝试使用展开滑块,假设所有这些链接都具有类滑块
,并且它们直接包装在锚定标记中
$('.slider').unwrap()
尝试使用展开滑块,假设所有这些链接都具有类滑块
,并且它们直接包装在锚定标记中
$('.slider').unwrap()
你能展示一些代码/示例HTML吗?在任何人因为假设而被否决之前,这是我正在处理的一个完美的例子。。。(需要删除链接)此HTML是否在独立容器中?还是满页都是?它们都来自同一个url吗?是的,孤立的容器,整个页面,都有相同的url…你能发布所有相关的HTML吗,最好是至少两个这样的容器。除非我们看到一些结构,否则我们无法确定如何将这些链接与您希望保留的普通链接区分开来。您能展示一些代码/示例HTML吗?在任何人因为假设而被否决之前,这是我正在处理的一个完美的例子。。。(需要删除链接)此HTML是否在独立容器中?还是满页都是?它们都来自同一个url吗?是的,孤立的容器,整个页面,都有相同的url…你能发布所有相关的HTML吗,最好是至少两个这样的容器。除非看到某些结构,否则我们无法确定如何将这些链接与您希望保留的普通链接区分开来。根据具体情况,展开('a')
可能也很有用。根据具体情况,展开('a'))
可能也很有用。您有没有办法区分要删除的链接和要保留的链接?您不能只删除所有:活动的链接,因为当您单击它们时,它会删除您的授权链接。旧的是否有特定的类名、ID或标题?或者它们位于公共元素中?旧的类名称为“slider”。我想禁用与类名称“slider”关联的所有链接。是否有任何方法区分要删除的链接和要保留的链接?您不能只删除所有:活动的链接,因为当您单击它们时,它会删除您的授权链接。旧的是否有特定的类名、ID或标题?或者它们位于公共元素中?旧的类名称为“slider”,我想禁用与类名称“slider”关联的所有链接。