jquery - 将元素追加到最后一个自己的 div

Question

我pcre在一个 id 为 . 的单个 div 中有10 个hugedivmouseclick

我试过了

<div id="huge">
   <div class="pcre">a</div>
    <div class="pcre">b</div>
    <div class="pcre">c</div>
    <div class="pcre">d</div>
    <div class="pcre">e</div>
    <div class="pcre">f</div>
    <div class="pcre">g</div>
    <div class="pcre">h</div>
    <div class="pcre">i</div>
    <div class="pcre">j</div>
    </div>
<script>
  $(".pcre").click(function() {
       $(this).appendTo("#huge");$(this).remove(); 
  });
</script>

但它不起作用。

Answer 1

Hiya演示 http://jsfiddle.net/TPHy8/4/ 或 http://jsfiddle.net/TPHy8/6/

您的代码中有额外的,逗号。删除它和宾果游戏！B-) Anyhoo 和 '.remove` 可以被删除。

希望这有助于布鲁夫！如果我还缺少其他任何东西，请告诉我！

代码

更新

$(".pcre").click(function(){
$(this).appendTo("#huge");
   // $(this).remove(); 
 });​

$(".pcre").click(function(){
$(this).appendTo("#huge");
    $(this).remove(); 
 });​

Answer 2

你的函数（）之前有一个额外的逗号，你也不需要 .remove();

<div id="huge">
   <div class="pcre">a</div>
    <div class="pcre">b</div>
    <div class="pcre">c</div>
    <div class="pcre">d</div>
    <div class="pcre">e</div>
    <div class="pcre">f</div>
    <div class="pcre">g</div>
    <div class="pcre">h</div>
    <div class="pcre">i</div>
    <div class="pcre">j</div>
    </div>
<script>
$(".pcre").click(function(){
$(this).appendTo("#huge"); 
 });</script>​