如何在JQuery中選擇表單的父div？

Question

這就是我得到的

<div id="right">
    <from id="test">
        <input type="submit">
    </form>
    </div>

和一個小jquery

    $(document).ready(function(){


        $('form').submit(function()
                         {
                             $(this).parent().html('<h1>1</h1>');
                         });
    });

你可以在這玩，

並且通過單擊提交按鈕，它應該將<h1>1</h1>放在div#right但它不會！

因為在這種情況下this是一個表單，但它適用於按鈕標簽或任何其他東西，我認為這是因為表單不是DOM節點。

那么如何選擇表單的父級，或者換句話說如何選擇內容form的Div ？

更新：因為它是ajax調用的一部分我想打破它並找到問題，但我做了一個錯誤，花了我一個小時左右，但ajax的問題​​是你$(this)內部success:不是形式，所以我喜歡這樣

    `$('form').submit(function(){
        form = $(this);//  I set the form to a varible !!

                 $.ajax({



   type: "POST", url: "ajax.php", data: $(this).serialize(),

                success: function(data){
                    $(form).parent().html(data); // I used the varible i set to form before!
                               }});`

無論如何，我怎么能把這個問題標記為已解決？！

Answer 1

正如Chowlett所說，使用形式而不是來自。

然后該代碼將起作用，因為submit函數中的$（this）將選擇表單元素，其父元素是#right div。

您可以使用.parent（'div'）來確保選擇div，而不是其他任何東西。

Answer 2

因為它是ajax調用的一部分，我想打破它並找到問題，但我做了一個錯誤，花了我一個小時左右，但ajax的問題​​是$（這）內部成功：不是形成任何更多，所以我喜歡這樣

$('form').submit(function(){
        form = $(this);//  I set the form to a varible !!

                 $.ajax({



   type: "POST", url: "ajax.php", data: $(this).serialize(),

                success: function(data){
                    $(form).parent().html(data); // I used the varible i set to form before!
                               }});