jqueryやjavascriptを使ってidやclassを持たない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のうちの1つだけが必要な場合は、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>

Answer 2

は、divタグをフィルタリングするjQueryのバージョンです表示のインラインスタイルを持っています：インラインブロックとth CSSをdisplay：blockに変更します。 Inspect要素を使用して出力をチェックすることができます。それが役に立てば幸い。

$("div").filter(function(){ 
 
return ($(this).css('display') == 'inline-block'); 
 
}).css("display","block");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div style="display:inline-block">Text</div>