jQuery and click method

Question

i am havige huge static site with lots lots of links. For example on one page i have like 80 inner links. I want to hide it from Google. I seen some people did it thru click() in jQuery. For example

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

And i add class to for example span element .linkname and its linked to proper page and for google its not a linl. So all good. But what happens when i have 100 links on page. That means i must assign each link different class and make new code to link to proper page. Since all links leads to different pages. How can i speed up this proces make it dynamic? I dont want to make 100 new classes and 100 new functions to recognize that link and link it to correct page.

Any help ideas?

I think you have to try with robots.txt or else something like that..!! — Kishan Patel
– Kishan Patel, Commented May 23, 2013 at 10:42

A. Wolff · Accepted Answer · 2013-05-23 10:43:11Z

3

One class is enough:

<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');
 });

answered May 23, 2013 at 10:43

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

PSR · Accepted Answer · 2013-05-23 10:43:10Z

0

give the link name same as page name.Then try this

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

answered May 23, 2013 at 10:43

PSR

40.4k43 gold badges115 silver badges154 bronze badges

Comments

Marco S. · Accepted Answer · 2013-05-23 10:47:17Z

0

You could assign the url to an attribute of the span, for example you can use the "rel" attribute, and catch it in the click event.

So, your span will be:

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

and your code will be

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

i suggest you to switch to the new 'on' method (http://api.jquery.com/on/). the code will be something like:

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

answered May 23, 2013 at 10:47

Marco S.

1479 bronze badges

Collectives™ on Stack Overflow

jQuery and click method

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related