lovelytney

jquery : $(this).index();

$(document).on("click","[name=fnGoInsert]", function(){
	//alert($(this).index());
	alert($("[name=fnGoInsert]").index(this));
});  

javascript :

	function fnGoInsert(){
			var form = document.querySelectorAll('form');

			function btn_click(idx){
				form[idx].onclick = function(){
			        console.log(idx);
			    };
			}

			for(var i=0; i<form.length; i++){
			  btn_click(i);  
			}
     }

or

	   if(confirm("등록하시겠습니까?")){
				[].forEach.call(document.querySelectorAll('form'), function(el) {
					el.addEventListener('click', function() {
							var index = getElementIndex(document.querySelectorAll('form'), el);
							var formObj = $("form[role='form']")[index-1];
			 				formObj.submit();
					});
				});
			}			
		}
		
		function getElementIndex(element, range) {
		  if (!!range) return [].indexOf.call(element, range);
		  return [].indexOf.call(element.parentNode.children, element);
		}
		

var tabSubMenu = $("#manpTabList div");
tabSubMenu.hide();
tabSubMenu.eq(0).show();

$('.tabmenu').click(function() {
  var idx = $(".tabmenu").index($(this));
  tabSubMenu.hide();
  tabSubMenu.eq(idx).show();
});
tabSubMenu.eq(0).show();		

<div id="tabMenu">
  <ul class="tab">
    <li class='tabmenu' id="default"><a href="#">탭메뉴1</a></li>
    <li class='tabmenu'><a href="#">탭메뉴2</a></li>
    <li class='tabmenu'><a href="#">탭메뉴3</a></li>
  </ul>
</div>
<div id="manpTabList">	
  <div id="tab1"></div>
  <div id="tab2"></div>
  <div id="tab3"></div>
</div>