使用jQuery为.richtext的父级div设置行内样式失败，如何解决？

嘿，我明白你遇到的问题啦！你原来用的$(".richtext").prev('div').css('width','100%');之所以没生效，核心原因是**prev()方法的作用对象错了**——它是用来查找当前元素的同级前一个兄弟元素，但你的目标div其实是.richtext的父元素，并非兄弟关系，所以自然找不到目标元素，样式也就加不上啦。

正确的实现方法 #

根据你的DOM结构，有两种简单直接的方式可以定位到外层div并添加样式：

方法1：使用parent()直接选中父元素

因为.richtext是外层div的直接子元素，用parent()可以精准选中它的父级（也就是你要修改的外层div）：

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

方法2：使用closest('div')向上查找最近的div

如果你的页面存在多层嵌套div，担心parent()会误选其他层级，closest()会从当前元素开始向上遍历DOM树，找到最近的匹配元素，同样能精准定位目标：

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

这两种方法都能帮你实现预期效果，最终得到：

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

内容的提问来源于stack exchange，提问作者Freddy