Wie benutze ich jquery selector, um den folgenden Text zu erhalten?

Question

Angenommen, das HTML der Website sieht so aus.

<img src="pic/helloworld_123.jpg" width="48" border="0" alt="" title=""> 

Wie jquery-Selektor verwenden, um den folgenden Text zu erhalten?

helloworld_123.jpg 

Thx

testete ich das, aber es funktioniert nicht.

$("img[src*='']").text(); 

Answer 1

$('img').attr('src').substring($('img').attr('src').indexOf('/') +1) 

Answer 2

Versuchen:

$("img").attr("src").split("/").pop(); // it will get the src of image, split it using "/" and get the last index of an array which is "helloworld_123.jpg" 

console.log($("img").attr("src").split("/").pop());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<img src="pic/helloworld_123.jpg" width="48" border="0" alt="" title="">

Answer 3

Wenn ich es richtig verstehe:

$("img").attr('src'); 

Dann können Sie src-Attribut, wie Sie wollen

$("img").attr('src').split('/').pop() 

für mehrere Bilder verwenden

$("img").each(function(){ $("img").attr('src'); } 

Answer 4

$(document).ready(function(){ 
 
    var src = $('img').attr('src'); 
 
    var name = src.split('/'); 
 
    alert(name[1]);   
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<img src="pic/helloworld_123.jpg" width="48" border="0" alt="" title="">