由于<form> </form>,Parent()不起作用

时间:2014-06-14 14:54:21

标签: jquery html

我正在尝试获取此

的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" 

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

感谢您的帮助。

2 个答案:

答案 0 :(得分:3)

工作新小提琴=&gt; fiddle

&#34; =&#34;&#34;第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);

答案 1 :(得分:0)

你会发现父母使用这个:

var parent=$('#acContentBox10').parent();

然后,您可以使用parent对象执行您想要执行的操作。

如果您想跳过直接父母并找到上面的某个特定父母,那么您可以使用:

$('#acContentBox10').parent().find('#accordionContent10');