Home/ Questions/Q 603351
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T16:55:17+00:00

this is my first question here. I have the following jquery code: $(document).ready(function(){ $(a).click(function(){

  • 0

this is my first question here. I have the following jquery code:

$(document).ready(function(){  
    $("a").click(function(){
        $(this).parent("li").css({textDecoration: "line-through"});
        return false;
    });
 });

that works just fine. It strikes through the parent li of any clicked anchor (there are many anchors and lists in the html, not just one). But i want just this functionality, nothing else. Isn’t this an overkill to include the whole jquery library?

Unfortunateley i don’t know raw javascript very well, can someone convert this for me? I would be grateful.

EDIT: Wow i am amazed at speed and the quality of the answers! So first of all a big THANKS to all of you! I will either go for jonathon’s (edit2: roland’s) solution or just include jquery after all. Thanks again!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The following will achieve it in a browser independent manner.

    <html>

  <body onload="loaded()">
      ...content goes here....
      <script>
          function linkClickHandler(){
              var parentNode = this.parentNode;
              if(parentNode.tagName.toLowerCase()==="li"){
                  parentNode.style.textDecoration = "line-through";
              }
              return false;
          }

          function loaded(){
              for (var i=0, links = document.links, numLinks = links.length; i<numLinks; i++){
                  links[i].onclick = linkClickHandler;
              }
          }
      </script>
  </body>
</html>
    • 0