以父div为目标(在具有类的子div之上一级)

Question

我有以下标记：

<div>
<div class="richtext">
dummy text
</div>
</div>

我希望使用JQuery来实现以下目标：

<div style="width: 100%;">
<div class="richtext">
dummy text
</div>
</div>

为此，我做了以下操作：

$(".richtext").prev('div').css('width','100%');

但是它没有将内联样式添加到div？

Answer 1

使用.parent()获取父级。

$(".richtext").parent().css('width','100%');

Answer 2

尝试.parent()

$(".richtext").parent().css('width','100%');

https://jsfiddle.net/lalji1051/m5wf7ur9/2/

Answer 3

$(".richtext").parent().css('background-color', 'yellow');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div> Start parent DIV
<div class="richtext">
dummy text dummy text dummy text dummy text
</div>
End parent DIV
</div>

Answer 4

您可以通过所选进行迭代

$('div.richtext').each(function() {
$(this).parent().css("color", "red");
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<div class="richtext">
dummy text
</div>
</div>