如何從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。 如果您只需要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>