2017-01-02 78 views
-1

我尝试选择ID为“selectmethod”的“div”,但我不能!jQuery Select div ID问题

我需要做什么?

我的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")); 
}); 
+0

你确定了jQuery库放置正确? – Dekel

+0

你会得到什么错误? – j08691

+0

我不知道在这里我发现错误... 是的,jquery库正确加载 – Mihai

回答

0

有很多原因,这可能会失败,但因为你不包括一个完整的,最小的例子,这是很难说为什么这是不是工作。你的问题是你在没有包含(即,如何在页面中包含jQuery代码)。

但是,这里有一个完整的例子,可以工作。

请注意,此处我使用ready函数将点击事件附加到页面中加载的后,将其附加到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> 
 

+0

非常感谢。我的不好,代码位置在'jq负载以上''。 – Mihai

+0

@Mhaihai请接受答案,如果它是正确的。 –