2017-05-11 3 views
0

私のコードは次のとおりです。jqueryのsrcsetプロパティで最後の値を取得する方法は?

<figure class="im-entry-thumb clearfix"> 
    <img width="770" height="480" src="http://sample.com/blog/wp-content/uploads/2017/05/Untitled-1-770x480.jpg" class="attachment-post size-post wp-post-image" alt="" srcset="http://sample.com/blog/wp-content/uploads/2017/05/Untitled-1-770x480.jpg 770w, http://sample.com/blog/wp-content/uploads/2017/05/Untitled-1-280x175.jpg 280w" sizes="(max-width: 770px) 100vw, 770px"> </figure> 

私は私の最後の値srcsetを取得したいです。意味:

$( 'IMGを:

http://sample.com/blog/wp-content/uploads/2017/05/Untitled-1-280x175.jpg 

+0

$( 'IMG')のattr( 'srcset')分割( '')(POP:。。。それではあなただけ好きですか何かを行うことができます怒鳴る見てみましょう; – JYoThI

+0

@JYoThIこのすべての金額は受け取ることができません.SSsetset –

+0

いいえ、それは最後のものだけを返します – JYoThI

答えて

2

はあなたが好き使用することができ、この使用のようsplit()pop()

//alert($('img').attr('srcset').split(',').pop()); 
 

 
console.log($('img').attr('srcset').split(',').pop()); 
 

 
console.log($('img').attr('srcset').split(',').pop().trim().split(' ')[0]);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<figure class="im-entry-thumb clearfix"> 
 
    <img width="770" height="480" src="http://sample.com/blog/wp-content/uploads/2017/05/Untitled-1-770x480.jpg" class="attachment-post size-post wp-post-image" alt="" srcset="http://sample.com/blog/wp-content/uploads/2017/05/Untitled-1-770x480.jpg 770w, http://sample.com/blog/wp-content/uploads/2017/05/Untitled-1-280x175.jpg 280w" sizes="(max-width: 770px) 100vw, 770px"> </figure>

+0

エラー!画像をご覧くださいhttp://picpaste.com/Capture-SaV7XfpC.PNG –

+0

あなたの質問を最新のコードで更新できますか?@Mohammadnajjary – JYoThI

+0

tanks bro。 正常に動作しています –

0

を取得help.tanksください。 ').attr(' s rcset ')。split(' ').slice(-2)[0]

0

これはカスタムタグのようなものですか?私は同様の質問hereを見つけました。 )

console.log("showing result: " + $("img").attr("srcset"));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<figure class="im-entry-thumb clearfix"> 
 
    <img width="770" height="480" src="http://sample.com/blog/wp-content/uploads/2017/05/Untitled-1-770x480.jpg" class="attachment-post size-post wp-post-image" alt="" srcset="http://sample.com/blog/wp-content/uploads/2017/05/Untitled-1-770x480.jpg 770w, http://sample.com/blog/wp-content/uploads/2017/05/Untitled-1-280x175.jpg 280w" sizes="(max-width: 770px) 100vw, 770px"> 
 
</figure>

関連する問題