Question

Basically I have several divs, each contains a question. This question could be presented with either single input, radio buttons or checkboxes.

I want to identify what the input type is, when looping through the divs.

the following code to achieve this doesn’t work, just trying to demonstrate what I am trying to achieve.

$(".question").each(function(){

        var type = $(this).children('input').attr("type").val();
        alert(type);
});

Answer 1

Remove the val():

  var type = $(this).children('input').attr("type");

e.g.

  $(document).ready(function(){
      $('button').click(function(){$(".question").each(function(){

         var type = $(this).children('input').attr("type");
         alert(type);
        });
      });
  });


 <div class="question">
  <input type="radio">hello</input>
 </div>

 <div class="question">
   <input type="checkbox">hello</input>
 </div>

 <div class="question">
   <input type='text' name='response[4][answer]'></input>
 </div>

 <button>Click</button>