javascript - 如何从 HTML 获取样式属性的第一个属性？

Question

我有这个 HTML 结构:

<div style="border: 2px solid; background-color: white; margin: 0px;">something</div>

现在我只想获取border: 2px solid。我可以使用 regex 来做到这一点, 但我敢肯定所有专业程序员都建议我使用 HTML 解析器来执行此操作。

---

换句话说，我怎样才能将此代码限制为仅第一个属性？

$("body").html($("div").attr("style"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="border: 2px solid; background-color: white; margin: 0px;">something</div>

Answer 1

如果你真的想得到整个border: 2px solid，你可以使用split。如果您只需要 2px solid，那么您可以使用 css() 函数。

$("body").html($("div").attr("style").split(';')[0]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="border: 2px solid; background-color: white; margin: 0px;">something</div>

$("body").html($("div").css("border"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="border: 2px solid; background-color: white; margin: 0px;">something</div>