我想改变div的风格但是我试图改变的div没有id或类。有人可以帮忙吗?
这是我要改变的div:
<div style="display:inline-block">
我希望结果如下:
$('#ID/.Class').css({'display': 'block'});
我想得到的结果是:
<div style="display:block">
如果你能帮助我那会很棒!
如果不可能通过JQuery告诉我如何通过Javascript(如果你告诉我如何通过Javascript做它请告诉我完整的JavaScript,以便我可以将其粘贴到我的代码中)谢谢!
答案 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元素检查输出。希望能帮助到你。
$("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;