.each() 问题，jquery

发布于 2024-10-31 06:00:48 字数 849 浏览 0 评论 0原文

我正在尝试获取内的数字，我正在使用 .each() 查找所有 span 但具有获取其中的数字时出现问题。我想将跨度中的数字附加到图像名称，但没有运气？

代码：

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>

原文

I am trying to get the number inside of a <span> I am using .each() to find all the spans but having problems getting the number inside of it. I would like to attach the number in the span to the image name, but no luck??

Code:

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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

过期以后 2024-11-07 06:00:48

更改

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

为

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

Change

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

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

回复收藏 0 原文

霓裳挽歌倾城醉 2024-11-07 06:00:48

试试这个：

$("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');
});

Try this:

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

EDIT: If you want to clean the text of any non-digits, do this:

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

回复收藏 0 原文

~没有更多了~