如何从jquery中的.html(）获取id

how to get id from .html() in jquery

本文关键字：获取 id html 中的 jquery      更新时间：2023-10-26

下面是我的代码，我想从.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上添加课程类型选择列表时，请创建当时的更改事件处理程序。

$("#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中，那么它将无法访问。由于在执行#question-type的change函数之前不会创建它，因此您可能试图在它存在之前访问它。

要将处理程序绑定到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），并等待更改事件从#course-type元素冒出（如果存在的话）。

相关文章：