javascript - jQuery : select element from parsed html snippet

Question

在一个类方法中，我像这样解析一个 html 片段:

    this.editCtrl = $('<input type="radio" name="society" value="existing"><select class="society"></select></input><input type="radio" name="society" value="existing"><input type="text"></input></input>');

我可以将这个片段添加到我的 DOM 中并且一切正常，但在这样做之前我想填写下拉列表。我试过这样得到它:

    var dropdown = this.editCtrl.find('select.society');

像这样:

    var dropdown = $('select.society', this.editCtrl);

在这两种情况下，结果集的长度都是零。从这样的 html 片段中获取特定元素的正确方法是什么？

Answer 1

您可以使用 filter在这种情况下:

$('<input type="radio" name="society" value="existing"><select class="society"></select></input><input type="radio" name="society" value="existing"><input type="text"></input></input>').filter(function() {
    return $(this).is('select.society')
})

原因是如果你要使用 find你需要从你的 <select> 的父元素，否则您将直接搜索元素，而不是从元素上方搜索。