javascript - 使用起始 ID 获取 Div 中的输入

Question

我想在具有动态 id ([id^="SML_ID_"]) 的 Div 内选择一个输入，是否可以存档它？

我的示例代码是这样的:

$('[id^="SML_ID_"] .social_media_input_type').on("change", function() {
        var Link_ID = $('[id^="SML_ID_"]').attr("id");
        var Link_Type = $("SML_ID_" + Link_ID + " > social_media_input_type").text();
        Link_ID.replace("SML_ID_", "");
        $("SML_ID_" + Link_ID).text("Input a" + Link_Type + "link");
    });

有什么想法吗？

编辑:

HTML 结构:

var Link_ID = 0;
    $("#AddSocialMediaLink").on("click", function() {
        Link_ID = Link_ID + 1;
        var AddSML_HTML_String = '<div id="SML_ID_' + Link_ID + '" class = "social_media">\n\
                                <input class="social_media_input_type" type="text" placeholder="Input a Type!"/>\n\
                                <input class="social_media_input_link" name="" placeholder="Input a link" / >\n\
                        </div><br/>';
        $("#social_media_form").prepend(AddSML_HTML_String);
    })

Answer 1

通过附加到容器来使用委托(delegate)

$(document).on('change','[id^="SML_ID_"] .social_media_input_type', function() {
        var Link_ID = $('[id^="SML_ID_"]').attr("id");
        var Link_Type = $("SML_ID_" + Link_ID + " > social_media_input_type").text();
    Link_ID.replace("SML_ID_", "");
    $("SML_ID_" + Link_ID).text("Input a" + Link_Type + "link");
});