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

时间:2017-12-10 17:19:44

标签: javascript jquery html css

我想改变div的风格但是我试图改变的div没有id或类。有人可以帮忙吗?

这是我要改变的div:

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

我希望结果如下:

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

我想得到的结果是:

<div style="display:block">

如果你能帮助我那会很棒!
如果不可能通过JQuery告诉我如何通过Javascript(如果你告诉我如何通过Javascript做它请告诉我完整的JavaScript,以便我可以将其粘贴到我的代码中)谢谢!

2 个答案:

答案 0 :(得分:1)

这可以通过定位div的style属性在jQuery中轻松完成,通过inline-block查看其中*的值是否为first()。如果只需要其中一个div,您还可以使用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>
querySelector()

本机JS解决方案几乎完全相同,只有您使用document.querySelector("div[style*='inline-block']").style.display = 'block';

<div style="display: inline-block;">Example div</div>
users = User.query.all()

答案 1 :(得分:0)

这是用于过滤具有内联样式display div的div标签的Jquery版本:inline-block然后将其CSS更改为display:block。您可以使用Inspect元素检查输出。希望能帮助到你。

&#13;
&#13;
$("div").filter(function(){
return ($(this).css('display') == 'inline-block');
}).css("display","block");
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="display:inline-block">Text</div>
&#13;
&#13;
&#13;