如何为含add-button子元素的.example类div设置float:right样式？

你写的代码报错是因为$('.add-button').parent()返回的是jQuery对象，而非原生DOM元素，jQuery对象没有.style属性，自然无法设置styleFloat。下面提供几种可行的解决方式：

方式一：使用jQuery内置方法（推荐） #

直接用jQuery提供的.css()方法设置样式，同时通过.parent('.example')精准定位目标父元素，避免误选其他层级的父节点：

$('.add-button').parent('.example').css('float', 'right');

如果页面存在多个.add-button元素，这段代码会自动遍历所有匹配项，给它们对应的.example父元素设置样式，无需额外编写循环。

方式二：转为原生DOM元素操作 #

若你坚持使用原生DOM的style属性，需要将jQuery对象转换为原生DOM元素（通过索引[0]或.get(0)），但如果存在多个元素，要配合.each()遍历处理：

$('.add-button').parent('.example').each(function() {
  this.style.float = 'right';
});

.each()回调里的this指代当前的原生DOM元素，可直接访问.style属性。

方式三：纯CSS实现（无需JS） #

如果项目兼容现代浏览器（Chrome、Firefox、Edge 90+，Safari 15.4+），可以直接用CSS的:has()伪类实现，完全不需要JavaScript：

.example:has(.add-button) {
  float: right;
}

这种方式更简洁，也符合样式与行为分离的原则。

内容的提问来源于stack exchange，提问作者no thank you