通過點擊其中的輸入刪除div通過jquery

我有一個問題，通過點擊輸入在其中刪除div通過jquery。通過點擊其中的輸入刪除div通過jquery

我的代碼：

<div id="comment"></div> 
<div id="comment"></div> 
<div id="comment"></div> 
<div id="comment"> // one of these div 

    <img src="some picture"></img> 
    <div></div> //some divs 
    <div></div> 
    <div></div> 
    <input id="submit-comment-delete" type="submit" value=""></input> 

</div>

點擊輸入後，我需要隱藏主DIV comment。

我的jQuery代碼：

$("#submit-comment-delete").click(function() { 
     $.ajax({ 
      type: "POST", 
      url: some, 
      success: function(data) { 
       alert(data); 
       if (data == "success") { 
         //hide div `comment` 
       } else { 
        alert(data + " error"); 
       } 
      } 
     }); 
    });

感謝您的幫助

來源

2014-01-06 FilFar

你只能有一個DIV ID爲評論，你需要改變那些類。 – Popnoodles

您的隨機編輯可能會讓我們感到困惑。請先考慮，然後只問你有什麼問題。 –

C-link對不起，我沒有太多時間...下一個問題會更好 – FilFar

很簡單的，基於jQuery的解決方案：

$('#submit-comment-delete').click(function(){ 
    $(this).parent().hide(); 
});

來源

2014-01-06 11:33:54 enguerranws

$("#submit-comment-delete").click(function() 
{ 
$("#comment").hide(); 
});

來源

2014-01-06 11:35:06 next2u

您可以使用closest()

$('#submit-comment-delete').on('click', function(){ 
    $(this).closest('div').remove(); 
});

Demo

來源

2014-01-06 11:35:24

您不能有多個ID註釋的div。將它們改爲使用類並使用.closest（）來查找該div。

<div class="comment"></div>

$("#submit-comment").click(function() { 
    $.ajax({ 
     type: "POST", 
     url: some, 
     success: function(data) { 
      alert(data); 
      if (data == "success") { 
        $(this).closest('.comment').remove(); 
      } else { 
       alert(data + " error"); 
      } 
     } 
    }); 
    });

使用你的代碼 - 而此刻我不明白你爲什麼擺在首位Ajax調用？或者你是否忽略了數據？

來源

2014-01-06 11:36:14

是的，這完美的工作感謝人，我會更瞭解最接近的。 – FilFar

使用最接近（）函數來選擇更接近#comment DIV隱藏（）函數來隱藏或刪除（）函數刪除：

$("#submit-comment-delete").click(function() { 
     $.ajax({ 
      type: "POST", 
      url: some, 
      success: function(data) { 
       alert(data); 
       if (data == "success") { 
         //hide div `comment` 
       $(this).closest('.comment').hide(); //used class selector instead 
       } else { 
        alert(data + " error"); 
       } 
      } 
     }); 
    });

末注：使用類，而不是ID爲同一屬性值。

來源

2014-01-06 11:37:38

你可以簡單地使用jquery hide()這裏：

HTML：

<div id="comment1"> 
    <img src="some picture"></img> 
    <div></div> //some divs 
    <div></div> 
    <div></div> 
    <input id="submit-comment-delete1" type="submit" value="Click here"></input> 
</div> 

<div id="comment2"> 
    <img src="some picture"></img> 
    <div>//some divs</div> 
    <div>//some divs</div> 
    <div>//some divs</div> 
    <input id="submit-comment-delete2" type="submit" value="Click here"></input>  
</div>

的Jquery：

$(document).ready(function(){  
    $('input').click(function(){ 
    $(this).parent().hide();// If you only want to hide 
    //$(this).parent().remove(); // If you want to remove 
    }); 
});

Try in Fiddle

來源

2014-01-06 11:38:01

用途：

$('#submit-comment-delete').on('click', function(){ 
    $(this).closest('div').remove(); 
});

Demo

來源

2014-01-06 12:22:16

通過點擊其中的輸入刪除div通過jquery

回答

相關問題