Search jQuery

jQuery Forum

dustin.ma..

Removal of link using Jquery

in Using jQuery • 9 years ago

Hey all!

I am trying to do a very simple task but I cannot seem to figure it out. I am trying to write a function that will remove a link without removing the text associated with it. Here are the specifics:

<a href="../../../../articles/c/a/t/Special%7ECategories_101d.html" title="Special:Categories">Categories</a>

I am trying to remove everything EXCEPT the text "Categories", I just want to remove the href tag. I would even be willing to rename the title "Categories". I just want to link gone.

I am very new to Jquery and so far I have an idea of what to do.. this is what i got:

<div id="remlink">
</div>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
function RemSClink() {
\\CODE I DON'T QUITE KNOW
}
$(document).ready(function() {
$("#remlink").remove(RemSClink());
});
</script>

If it helps, the offending link is in a div called <div id="mw-normal-catlinks"> BUT there is other content in there I do not want erased!

Thanks so much!

Replies(3)

kbwood.au

Re: Removal of link using Jquery

9 years ago

Try replaceWith, something like this:

$('#mw-normal-catlinks a').replaceWith(function() {
return $(this).html();
});

dustin.ma..

Re: Removal of link using Jquery

9 years ago

That is a great idea! So what if i did something like this:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('#mw-normal-catlinks a.first').replaceWith('Categories');
</script>

I do not want to replace ALL of the content in the div, BUT I did notice that the link i want removed was the first link in all cases (hence why i added a.first). So could this work? Or am i missing something?

kbwood.au

Re: Removal of link using Jquery

9 years ago

Put your code in a document.ready callback and use ':' instead of '.' to use the first selector:

$(function() {
$('#mw-normal-catlinks a:first').replaceWith('Categories');
});

Top Reply

Response title

Attachments

jQuery Forum

Removal of link using Jquery

Replies(3)

Re: Removal of link using Jquery

Re: Removal of link using Jquery

Re: Removal of link using Jquery

Statistics

Tags

Actions

Related Posts