Javascript jQuery中li标记的动态缩进

我正在尝试动态缩进我的列表标记，因为在CSS中进行缩进可能会很乏味，所以我认为可以在jQuery中进行缩进

如何做到这一点

我有一个很大的

ulli

嵌套标记，并尝试缩进这个html，尽管它可能只是一个

ulli

标记

<ul>
  <li><p>lorem ipsum dolor</p></li>
  <li><p>lorem ipsum dolor</p>/li>
</ul>

---

如果您只想缩进li标记中的所有内容，无需使用jquery，您可以非常轻松地通过css缩进它们

li {
padding-left: 20px;
}

---

代码中的具体问题是语法错误

机会是：

$(this).css("padding-left": 20);

为此：

$(this).css("padding-left", 20);

或

---

然而，我真的不认为jquery是这里的解决方案。你应该使用CSS（检查@borbesaur的答案）。

你能解释为什么不在CSS中这样做吗？这是CSS的难点…因为它不是一个静态值，

li

只是包装来自ajax调用的数据，数据可能很大。这没关系。CSS将在那里应用…我在这里投了一票：）CSS是正确的解决方案，而不是jquery。我也投了一票。很高兴有互相称赞的答案。

$(this).css("padding-left": 20);

$(this).css("padding-left", 20);

$(this).css({"padding-left": 20});