DOM元素索引

Question

如果我有以下DOM元素，如果单击子元素，如何获取父元素的索引？当我在控制台中显示document.getElementsByClassName（'b-btn b-btn-type-a b-btn-emph'）时，它返回input.b-btn b-btn-type-a b-btn-emph有两个索引。代码可见在https://jsfiddle.net/Z7R5n/127/

<div id="shop-cart-313232f0-089c-11e2-8556-005056bd629f" ng-repeat="cart in data.carts" ng-controller="ShopCartCtrl" class="ng-scope"> 
     <div id="error_inventory_banner_313232f0-089c-11e2-8556-005056bd629f" class=""> 
     <!-- ngRepeat: warning in cart.warnings --> 
     </div> 
     <div id="cart_313232f0-089c-11e2-8556-005056bd629f" ng-show="cart.items" class="b-container b-mod-mall-order-table"> 
     <form accept-charset="UTF-8" action="https://secure.rakuten.com.my/checkout/login/?l-id=my_cart_checkout_1" autocomplete="off" method="post" class="ng-pristine ng-valid"> 
      <div class="b-order-index"> 
      <b> 
       <span class="b-text-xlarge">Shop: </span> 
       <span class="b-text-xlarge ng-binding" ng-bind="cart.shopName">Bagstation</span> 
       <span class="b-text-stg b-pd"><a ng-href="http://styles.my/testrakutenGTM/gtm.php" href="http://styles.my/testrakutenGTM/gtm.php">go to shop page</a></span> 
      </b> 
      <input type="hidden" id="shop_name_313232f0-089c-11e2-8556-005056bd629f" value="Bagstation"> 
      </div> 
      ....... 


      </div> 
      <!-- ngIf: cart.items.outOfCart --> 
     </form> 
     </div> 

     <!-- ngIf: cart.emptyCartHtml --> 
    </div>   

Answer 1

document.getElementsByClassName('b-btn b-btn-type-a b-btn-emph') 

返回一个数组，所以如果你要访问的不同元素，你必须使用操作符[]。然后你可以通过访问你的对象的属性。 （如.value）。