使用jquery过滤器方法过滤类名称无效

Question

当我尝试使用jquery过滤器方法过滤类名时，它不起作用（没有数据插入到＃Test1Section'中， 例如，

     $(data).find('.test1WrapperDiv').appendTo('#Test1Section');

但是如果我使用元素名称作为过滤器，它可以工作，但不是我不会。

    $(data).find('div').appendTo('#Test1Section');

php文件

         echo "<div class='test1WrapperDiv'>";
                echo "<div><p> Row 1 </p></div>";
                echo "<div><p> Row 2 </p></div>";
                echo "<div><p> Row 3 </p></div>";
                echo "<div><p> Row 4 </p></div>";
          echo "</div>";

          echo "<div class='test2WrapperDiv'>";
                echo "<div><p> Row 1 </p></div>";
                echo "<div><p> Row 2 </p></div>";
                echo "<div><p> Row 3 </p></div>";
                echo "<div><p> Row 4 </p></div>";
          echo "</div>";


          $.post("test.php",{sendword: test1, table: table_name1}
          function(data)
          {
              $(data).find('.test1WrapperDiv').appendTo('#Test1Section');
          });

如何使用CSS类名来使其工作？

Answer 1

find()方法找到给定选择的子。你有几点方法可以解决这个问题

1. 修复返回的HTML，使其具有单个根元素（在其周围添加另一个div）
2. 用find()
替换filter()来电
3. 更改选择上下文$('.test1WrapperDiv', data).appendTo('#Test1Section');