如何从jquery中的.html（）获取ID

Question

以下是我的代码，我想从.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>");
});

Answer 1

尝试这个。

在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>");
    });
});

Answer 2

如果尚未将其添加到DOM，则将无法对其进行访问。 由于在执行#question-type的change函数之前不会创建它，因此您可能试图在它存在之前对其进行访问。

Answer 3

要将处理程序绑定到DOM中尚未存在的元素的事件，请使用.on() ：

$("#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>");
});

使用此方法的优点是，每次question-type发生更改时，都不会重新绑定事件。 您将单个处理程序绑定到父元素（ #course ），并等待change事件从#course-type元素（如果存在）中冒出来。