クラスセレクタを介してwidth属性を取得するにはどうすればよいですか？クラスの</p> <pre><code><div class="one" > <img src="1.png" class="two"> <div> <div class="three" > <img src="2.png" class="two"> <div> </code></pre> <p>と属性<code>width</code>を取得する方法

私は、クラスoneとクラスtwoを使用して、第2のクラス属性1.pngを取得します。クラスセレクタを介してwidth属性を取得するにはどうすればよいですか？クラスの</p> <pre><code><div class="one" > <img src="1.png" class="two"> <div> <div class="three" > <img src="2.png" class="two"> <div> </code></pre> <p>と属性<code>width</code>を取得する方法

出典

2016-08-12 Osiz 4

の例では、クラスではない、あなたがこの – guradio

私が更新した質問を明確にすることができたデータである属性。あなたは理解できます –

まだ '私は第2クラスの属性を取得したいです '1.png"クラス1とクラス2を使用しています。 "あなたは何に基づいて期待される出力を伝えることができますか？ – guradio

Javascriptには、documentという名前のグローバルオブジェクトがあります。 querySelector関数を使用するためにJQueryは必要ありません。

このオブジェクトには、querySelectorというメソッドがあります。 querySelectorを関数として呼び出し、見つけたいクラスを.というピリオドで前に付けて渡すと、それらの要素が見つかります。

これらの要素を選択したら、必要な属性のパラメータを使用してgetAttributeメソッドを呼び出すことで属性を取得できます。

document.querySelector('.one .two').getAttribute('src')

More information on the queryselector can be found here

出典

2016-08-12 04:43:45

@Randyありがとう！たくさんのことを学んだ。 –

var getAttribute = $(".one .two").attr("src"); 
alert(getAttribute);

はデモを参照してください

編集した質問については、このような jQueryを使ってみてください

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title></title> 
 
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
</head> 
 
<body> 
 
\t <div class="one" > 
 
\t <img src="1.png" class="two"> 
 
\t </div> 
 
</body> 
 

 
<script type="text/javascript"> 
 
\t var s = $(".one .two").attr("src"); 
 
\t alert(s); 
 
</script> 
 
</html>

出典

2016-08-12 04:45:56

あなたは意味している。この場合.one > .twoには、カンマで区切られた1つのまたは複数のCSSセレクタを含む文字列としてセレクタを渡すDocument.querySelector()を使用することができます。

が持つ要素のクラス.two子を持つ要素を選択しますクラス.one。

var elm = document.querySelector('.one > .two').getAttribute('src'); 
 
console.log(elm);

<div class="one" > 
 
    <img src="1.png" class="two"> 
 
<div> 
 
    <div class="three" > 
 
    <img src="2.png" class="two"> 
 
<div>

出典

2016-08-12 06:14:47 GibboK

答えて

関連する問題