javascript - 更改 DOM 中 UL 元素之前的 Div

标签 javascript html css dom

我有以下代码(https://jsfiddle.net/weemoLya/3/):

<div style="padding: 0px 41px 14px; line-height: 15pt;"><span style="font-family: georgia;">Anwoarnoernb&nbsp; bneobnoqbno nb bnorgneoüqrgn beoünbeoütnboetuübn nbwetiobnweoütnho übnoet wübn weton<br />

otnwboün boenbhiowt nb etiopwogj weto&nbsp; getiogei oeghqeogje ghqeoü gheoügneoqüh<br />
<br />
Ihre Aufgaben:</span></div>

<ul>
<li style="padding: 0px 41px 14px;">test</li>
<li style="padding: 0px 41px 14px;">test2</li>
</ul>

我想更改 div 框的内边距。但因为我在一个框架中,所以我不能只在 html 代码中更改它。我需要通过 javascript 更改它。其实div框有很多,不只这个一个。但是我想要更改的div-box没有ID,所以我不能只更改这一个DIV。

但是我想更改 <ul> 前面的每个 DIV。 -标签。这可能吗?

具体来说:

  1. 搜索所有 ul 标签
  2. 查找 DOM 中 ul 标签之前的 div
  3. 更改此 div 框的内边距。

更新:

我真的忘了提,我需要一个没有 JQuery 的解决方案。抱歉。

最佳答案

您可以用作选择器和方法:

$('div + ul').prev().css('padding', 0)

-jsFiddle-

或者仍在 jQuery 中:

$('ul').prev('div').css('padding', 0) // i guess it would be slower, if it really matters...

关于javascript - 更改 DOM 中 UL 元素之前的 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38015737/

相关文章:

php - MySQL 中 PHP 动态下拉列表中的 JavaScript 变量

javascript - PHP json_decode 不适用于对象 GET 变量

HTML、CSS - 粘性页脚显示在屏幕调整大小的内容上

javascript - Highcharts 仪表 : Adding Icons

html - 打印媒体查询在 Chrome 中被忽略?

javascript - Silverstripe 将变量包含到 JS 或 CSS 文件中

javascript - Redux表单提交错误没有影响

javascript - 将巨大的图像 (5mb) 加载到 svg 背景中会导致像素化和性能问题

javascript - 使用ajax、javascript为特定div计数计时器

html - Chrome 中的 CSS 旋转切割表