jquery - 由于 <form>，Parent() 不起作用

Question

我正在尝试获取这个的parent()

<div id="acContentBox10" class="acContentBox">

当我创建 console.log 时 - 它未定义。

<div class="accordionContent" id="accordionContent4" style="display: block;">
<form action="" method="post" name="form" id="form25">
<div id="acContentBox4" class="acContentBox"> some code
<div id="acChildBox1" class="acChildBox" style="float:left"> some code
<div class="acBabyBox" id="acBabyBox8"> some code
</div>
</div>
</div>
</form>
</div>

如果我删除 <form>效果很好。但我需要表格。

我刚刚更新了代码并添加了一些 jquery:

        var flex0 = $(this);
        var flex1 = $(this).parent('div'); 
        var flex2 = $(flex1).parent('div'); 
        var flex3 = $(flex2).parent('div'); // Shoud be "accordionContent4" 

我正在添加.attr('id');稍后在 Jquery 中。

感谢您的帮助。

Answer 1

正在使用新 fiddle => fiddle

第 1 行的“="”应删除

html:

<div class="accordionContent" id="accordionContent10"  style="display: block;">
<form action="" method="post" name="form" id="form25"> 
<div id="acContentBox10" class="acContentBox">some code
<div id="acChildBox1" class="acChildBox" style="float:left">some code
<div class="acBabyBox&quot;" id="acBabyBox20">Some code
</div>
</div>
</div>
</form>
</div>

脚本:

var idOfParent=$("#acContentBox10").parent().closest('div').attr("id");
alert(idOfParent);