Javascript 如何在jquery中从.html()获取id

Javascript 如何在jquery中从.html()获取id,javascript,jquery,Javascript,Jquery,下面是我想从.htm方法访问课程类型id的代码。如何访问该id $("#question-type").html("<option>Select</option><option>Excel Sheet</option><option>One by One</option>"); $("#question-type").change(function(){ $("#course").html("<label&

下面是我想从.htm方法访问课程类型id的代码。如何访问该id

 $("#question-type").html("<option>Select</option><option>Excel Sheet</option><option>One by One</option>");

$("#question-type").change(function(){
    $("#course").html("<label>Select course </label><select id='course-type'><option>Course 1</option><option>Course 2</option><option>Course 3</option></select>");
});

$("#course-type").change(function(){

    $("#subject").html("<label>Select subject </label><select id='subject-type'><option>Subject 1</option><option>Subject 2</option><option>Subject 3</option></select>");
});

如果它还没有被添加到DOM中,那么它将无法被访问。因为在执行问题类型的更改功能之前不会创建它,所以您可能会在它存在之前尝试访问它。

试试这个

在DOM上添加课程类型选择列表时,此时创建更改事件处理程序

$("#question-type").change(function(){
    $("#course").html("<label>Select course </label><select id='course-type'><option>Course 1</option><option>Course 2</option><option>Course 3</option></select>");
    $("#course-type").change(function(){
          $("#subject").html("<label>Select subject </label><select id='subject-type'><option>Subject 1</option><option>Subject 2</option><option>Subject 3</option></select>");
    });
});

要将处理程序绑定到DOM中尚未包含的元素的事件,请使用:


使用此方法的优点是不会在每次问题类型更改时重新绑定到事件;您可以将单个处理程序绑定到父元素course,并等待更改事件从course type元素冒泡出来(如果存在)。

多谢yograj….如果我想使用在.html中声明的id外部函数,例如,如果我编写ajax并想使用course type id,那么我该如何使用该id
$("#course").on("change", "#course-type", function(){
    $("#subject").html("<label>Select subject </label><select id='subject-type'><option>Subject 1</option><option>Subject 2</option><option>Subject 3</option></select>");
});