jquery - jQuery和点击方法

Question

我拥有巨大的静态网站，有很多链接。例如，在一页上我有 80 个内部链接。我想对谷歌隐藏它。我看到有些人是通过 jQuery 中的 click() 来实现的。例如

 <script>
 $(".linkname").click(function(){
     document.location.href = 'inner.html';
 });
 </script>

我将类添加到例如 span 元素 .linkname 并将其链接到正确的页面，而对于 google，它不是 linl。所以一切都很好。但是当我在页面上有 100 个链接时会发生什么。这意味着我必须为每个链接分配不同的类并制作新代码以链接到正确的页面。由于所有链接都指向不同的页面。我怎样才能加快这个过程使它动态化？我不想创建 100 个新类和 100 个新函数来识别该链接并将其链接到正确的页面。

任何帮助的想法？

Answer 1

一节课就够了：

<span class="linkname" data-url="http://mywebsite.com">website1</span>
<span class="linkname" data-url="http://mywebsite2.com">website2</span>

$(".linkname").click(function(){
     document.location.href = $(this).data('url');
 });

Answer 2

给出与页面名称相同的链接名称。然后试试这个

<script>
 $(".pageName").click(function(){
     var name = $(this).attr('class');
     document.location.href = '"+name +".html';
 });
 </script>

Answer 3

您可以将 url 分配给 span 的属性，例如，您可以使用“rel”属性，并在 click 事件中捕获它。

因此，您的跨度将是：

<span class="link" rel="http://www.google.it">this is a fake link</span>

你的代码将是

$(".link").click(function(){ document.location.href = $(this).attr('rel'); });

我建议您切换到新的“on”方法（http://api.jquery.com/on/）。代码将类似于：

$(".link").on('click', function(){ document.location.href = $(this).attr('rel'); });