Convert javascript to jquery

Question

I have JavaScript functions that I want to convert to jquery, but I can not understand jquery. It uses document.getElementsByName lot, so I would like to know how to convert document.getElementsByName to jquery.

 function getElements(name){ if (document.getElementsByName(name)[0].className == "visible"){ document.getElementsByName(name)[0].className = "hidden"; } else { if(document.getElementsByClassName('visible')[0] != null){ document.getElementsByClassName('visible')[0].className = "hidden"; } document.getElementsByName(name)[0].className = "visible"; } } 

Answer 1

you can try with the attribute selector ...

  $('[name="'+name+'"]') //for name selector $('.visible') //for class selector 

Answer 2

You have to try, because when you try to practice, you really learn:

• document.getElementsByName in jQuery $("[name=Name]");
• document.getElementsById in jQuery $("#IdofElement");
• document.getElementsByClass in jQuery $(".ClassofElement");

Here are some guides:

• jQuery for beginners
• jQuery API
• JQuery Beginner's Guide

Answer 3

You can refer to the syntax below for your reference.

 $('[name=tcol1]') // matches exactly 'tcol1' $('[name^=tcol]') // matches those that begin with 'tcol' 

Answer 4

Try it.

 function getElements(name1){ if ($("[name='" + name1 + "'").hasClass("visible")){ $("[name='" + name1 + "'").removeClass("visible").addClass("hidden"); } else { if($(".visible") != null){ $(".visible").addClass("hidden"); } $("[name='" + name1 + "'").removeClass("visible").addClass("visible"); } }