2017-01-02 77 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請接受答案,如果它是正確的。 –