如何遍历html对象

Question

I'm trying to loop through several objects within the same id , instead of generating a new id for each object and writing out the script, as it is shown below.

<script type="text/javascript">
  function get_object(id) {
   var object = null;
   if (document.layers) {
    object = document.layers[id];
   } else if (document.all) {
    object = document.all[id];
   } else if (document.getElementById) {
    object = document.getElementById(id);
   }
   return object;
  }
get_object("inputdata").innerHTML=DrawCode39Barcode(get_object("inputdata").innerHTML,1);
get_object("inputdata2").innerHTML=DrawCode39Barcode(get_object("inputdata2").innerHTML,1);
</script>

Answer 1

querySelectorAll (with a CSS class selector as its argument) and getElementsByClassName will both return an array-like HTML collection of elements that are a member of a given class. You can use it with a simple for loop .

Answer 2

For example looping all Input I use this code

$('input').each(function() {
    if(!$(this).val()){
        alert('Some fields are empty');
       return false;
    }
});