javascript - 是否可以使用 jquery 或 javascript 更改没有 id 或类的 div 的样式？

Question

我想更改 div 的样式，但我要更改的 div 没有 ID 或类。有人可以帮忙吗？

这是我要更改的 div:

<div style="display:inline-block">

我希望结果是这样的:

$('#ID/.Class').css({'display': 'block'});

我想要得到的结果是:

<div style="display:block">

如果你能帮助我，那就太好了!
如果 JQuery 无法实现，请告诉我如何通过 Javascript 实现(如果您告诉我如何通过 Javascript 实现，请告诉我完整的 JavaScript，以便我可以将其粘贴到我的代码中)谢谢!

Answer 1

这可以通过定位 div 的 style 属性在 jQuery 中轻松完成，以通过 * 在其中的任何位置查看它具有 inline-block 的值。如果只需要这些 div 中的一个，您还可以使用 first() 然后使用 css() 来更改样式。

$("div[style*='inline-block']").first().css('display', 'block');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div style="display: inline-block;">Example div</div>

原生 JS 解决方案几乎相同，只是你使用 querySelector():

document.querySelector("div[style*='inline-block']").style.display = 'block';

<div style="display: inline-block;">Example div</div>