.each() 문제, jquery

Question

<span>의 번호를 얻으려고합니다. span을 모두 찾으려고하지만 .each()의 번호를 찾는 데 문제가 있습니다. 이미지 이름에 스팬의 번호를 붙이고 싶습니다만, 행운은 없습니까 ??

코드 :

var _td = $("td.tri-img span"); 
$.each(_td, function(i, val){ 
    $(val).html(); 
console.log(val); 

var _img = $('.wrap-graph.relative img'); 
var _img_src = 'img/triangle' + val + '.png'; 
_img.attr('src', _img_src); 
}); 

HTML :

<td class="tri-img"><img class="one"src="" alt="" ><span>11</span></td> 
<td class="tri-img"><img class="two" src="" alt="" ><span>33</span></td> 
<td class="tri-img"><img class="three" src="" alt="" ><span>44</span></td> 
<td class="tri-img"><img class="four" src="" alt="" ><span>66</span></td> 

Answer 1

이을 시도해보십시오

$("td.tri-img span").each(function(){ 
    var $this = $(this); 
    $this.prev('img').attr('src', 'img/triangle'+$this.text()+'.png'); 
}); 

편집 : 당신이 아닌 숫자의 텍스트를 청소하려면 다음을 수행

$("td.tri-img span").each(function(){ 
    var $this = $(this), 
     text = $this.text().replace(/\D/, ''); 
    $this.prev('img').attr('src', 'img/triangle'+text+'.png'); 
}); 

Answer 2

변경

var _img_src = 'img/triangle' + val + '.png'; 

에

var _img_src = 'img/triangle' + val.innerHTML + '.png';