无法访问html的目标元素

-1

我无权访问此文档中的html，并且我试图选择的元素具有与另一个元素共享的ID（优惠券）（选择任一元素都可以，因为他们是相同的）。所以我徘徊，如果有人能告诉我如何去选择其中的一个，而不使用ID作为钩。无法访问html的目标元素

<div class="buttons"> 

    <div class="discount-module"> 
      <div id="coupon" class="content" style="display: none;"> 
       Enter your coupon code code here:&nbsp; 
       <input type="text" name="coupon" value=""> 
       &nbsp;<a id="button-coupon" class="button"><span>Apply coupon</span></a> 
      </div> 
             <div id="vc-messages"></div> 
      <div> 
      <table class="radio"> 
           <tbody><tr class="highlight"> 
       <td>      <input type="radio" name="next" value="coupon" id="use_coupon"> 
        </td> 
       <td><label for="use_coupon">Use coupon Code</label></td> 
       </tr> 
                   </tbody></table> 
      </div> 

      <div class="discount-module"> 
      <div id="coupon" class="content" style="display: none;"> 
       Enter your coupon code code here:&nbsp; 
       <input type="text" name="coupon" value=""> 
       &nbsp;<a id="button-coupon" class="button"><span>Apply coupon</span></a> 
      </div> 
      <div id="voucher" class="content" style="display: none;"> 
       Enter your voucher code code here:&nbsp; 
       <input type="text" name="voucher" value=""> 
       &nbsp;<a id="button-voucher" class="button"><span>Apply voucher</span></a> 
      </div> 
      <div id="reward" class="content" style="display: none;"> 
       Points to use (Max 0):&nbsp; 
       <input type="text" name="reward" value=""> 
       &nbsp;<a id="button-reward" class="button"><span>Apply reward</span></a> 
      </div> 
      </div>

来源

2016-03-07 DMConklin

什么结构的限制，可依靠的依赖 - 因为'.discount模块简单的事情> DIV：第一child'可能已经工作。 – CBroe

@CBroe除非我误解了这个问题，我想OP只想选择其中一个，而不是两个。 –

@James dunno ... _“选择任何一个元素都可以，”_，_“如何去选择其中的一个”_“也可能意味着两者之一。 – CBroe

在HTML中确实不应该有重复的ID，因为它是无效的，所以我会尽可能避免使用ID进行选择。因为在这个特定的例子中，你看起来不是这样，但是，这里有一个你可以采取的方法。

1日券

.discount-module:first-of-type #coupon { 
}

第二券

.discount-module:nth-of-type(2) #coupon { 
}

如果你有一个保证，就是#coupon DIV将是在.discount-module DIV第一div元素。您可以使用类似

.discount-module:first-of-type > div:first-of-type

来源

2016-03-07 15:02:19 Harangue

.discount-module：first-of-type> div：第一种工作方式！：D ty ty ty ty ty – DMConklin

.discount-module：first-child> div：first-child also worked：D – DMConklin

无法访问html的目标元素

回答

相关问题