Question

我尝试用id“selectmethod”选择“div”，但我不能！

我需要做什么？

我的HTML：

  <body>

   <div class="frame"> 
   <aside class="Aside">
   <section class="SelectProvider">
   <div class="SelectProvider-select-container" title=""> 
   <div class="SelectProvider-select-inlay">
   <div class="SelectProvider-select-image--text"></div> 
   <div class="SelectProvider-select-text">Text</div> 
   <div id="selectmethod" class="SelectProvider-select-chrome">&#9662;</div> 
   </div> 
   </div>  
   </section>   

   </aside> 
   </div> 
  </body>

JQ：

$("#selectmethod").click(function(){
  alert($(this).attr("id"));
});

Answer 1

这可能会失败的原因很多，但由于你没有包含一个完整的，最小的例子，很难说为什么不正在工作。您的问题出在没有包含的内容中（即jquery代码如何包含在页面中）。

但是，这是一个完整的例子。

请注意，我在这里使用ready函数将click事件附加到div 之后加载到页面中。如果您删除了该脚本并将脚本移动到它引用的div之上，则选择器将无法匹配任何内容，因为div尚不存在。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>

   <div class="frame"> 
   <aside class="Aside">
   <section class="SelectProvider">
   <div class="SelectProvider-select-container" title=""> 
   <div class="SelectProvider-select-inlay">
   <div class="SelectProvider-select-image--text"></div> 
   <div class="SelectProvider-select-text">Text</div> 
   <div id="selectmethod" class="SelectProvider-select-chrome">&#9662;</div> 
   </div> 
   </div>  
   </section>   

   </aside> 
   </div> 
  <script>
    $(document).ready( function() {
     $("#selectmethod").click(function(){
      alert($(this).attr("id"));
     });
    });
    </script>
  </body>

jQuery选择div ID问题

1 个答案: