jQuery - 在新添加的 DOM 对象上动态使用“.filter”

Question

我正在使用 jQuery 模板引擎来添加动态 DOM 元素（特别是 DIV）。为了控制它们，我使用“实时”方法（例如，用于“点击”事件）。

有时我需要使用“过滤器”方法找到一些新创建的元素。好像找不到新创建的元素。

有什么想法吗？

我的代码由具有不同 data-setid 属性的此类 DIV 组成。它们是使用 jQuery .tmpl 插件生成的。

我正在使用选择器找到合适的“ListOfStuff”DIV 并向他添加一个新的“Stuff”DIV。

因此，它将适用于在服务器上生成并提供服务的此类 DIV，但不适用于新创建的 DIV。

   <div class="SomeStuffSet" data-setid="MySetID">
        -- some stuff here --
        <br /><br />

        <div class="ListOfStuff">

           <div class="Stuff">
            My Name
           </div>

           <div class="Stuff">
            My Name
           </div>

           <div class="Stuff">
            My Name
           </div>

        </div>
   </div>

而我的选择器是这样的：

var setdiv = $('div').filter('.SomeStuffSet').filter(function () { return $(this).attr('data-setid') == $('#currentSetID').val(); }).children('.ListOfStuff');

Answer 1

我认为你不需要过滤器，你可以试试这个：

$("div.SomeStuffSet[data-setid='" + $("#currentSetID").val() + "'] > div.ListOfStuff");

关于您的评论：

我相信您正在尝试这样做

var setdiv =  $("div.SomeStuffSet[data-setid='" + $("#currentSetID").val() + "'] > div.ListOfStuff");

//Code to append newly created object
//...

console.log(setdiv);  // My assumption is that you believe setdiv should contain newly created object.  This is not correct

//repopulate setdiv with newly create objects
setdiv = $("div.SomeStuffSet[data-setid='" + $("#currentSetID").val() + "'] > div.ListOfStuff");

console.log(setdiv)  //now setdiv with contain newly created objects.