2017-08-05 13 views
1

私は、オブジェクト内の<div>をキャッシュされた、と私はDOM)(.find使用してキャッシュされたDOM要素のスタイルを取得

を触れることなくそのスタイルプロパティを取得するために.find()メソッドを使用したいと言うことができます:

<body> 
     <div id="one" style="visibility:visible;"> 
     </div> 
    </body> 

    <script> 
     var cache = { 
      cacheBody: $("body").find("div#one") 
      } 
    //i want to do this 
     chach.cacheBody.find("style") //or chach.cacheBody.find("visibilty") 
    </script> 

importentなことは、私はDOMのjqueryを使いたくないということです。

が、キャッシュされたオブジェクト

+0

私は*このためのDOM上のjQueryを使用したくない*の平均値とは何ですか? – Mohammad

+0

この 'cache.cacheBody.css(" visibility ")'のように、 'css'メソッドを使います。 – Oen44

+0

私はこの 'cache.cacheBody [0] .attributes.style.nodeValue'が必要だと思います。 https://jsfiddle.net/xLLkrm20/を確認してください – Mohammad

答えて

0

var cache = { 
 
      cacheBody: $("div#one") 
 
      } 
 
    //i want to do this 
 
    var style= cache.cacheBody.attr("style"); //or chach.cacheBody.find("visibilty") 
 
    console.log(style);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="one" style="visibility:visible;"> 
 
     </div>

1

に私はここ.find()の使用が間違っていると信じています。これは、DOMをトラバースし、与えられたパラメータと一致するノードを「見つける」ために使用されます。

後になる可能性があるのは.attr()です。インラインで与えられたDOMノード固有のスタイルを取得したい場合。あなたは全体CSSStyleDeclarationオブジェクトをしたいそうでない場合は、使用することができます。

$('div#one')[0].style // instead of $('div#one').attr('style') 

は、ノードに、すべての適用(および適用されません)のスタイルの完全なオブジェクトを取得するには。

これは、実際のオブジェクトを取得するためにjQueryを使用しないため、これはコードの残りの部分と互換性がありません。

関連する問題