Question

I have this recursive code that transverses the DOM and adds a prefix to the id for all input tags.

I would like to change this to a more elegant jQuery, but I’m not sure how to structure the selectors or if the selectors need to be recursive..

cheers,

 function set_inputs(obj, prefix){
  for (var s=0;s< obj.childNodes.length; s++){
    var node = obj.childNodes[s];
    if(node.tagName == "INPUT"){
      node.id= prefix +'_' + node.id;
      node.name= prefix +'_' + node.name;
    }
    else{
      set_inputs(node,prefix);
    }
  }
}

Answer 1

To pull the deep nested inputs, use jquery find(). This solution is much simpler code than recursive javascript. I did leave out the steps verifying the existence of id and name attributes which should be done for production code.

$(obj).find("input").each(function(){
     $(this).attr('id',prefix + "_" + $(this).attr('id'));
     $(this).attr('name',prefix + "_" + $(this).attr('name'));
   });