Question

我是javascript / Jquery的新手，有以下问题：

我正在尝试修改动态生成的表中复选框的标签：

<td>
<input type="checkbox"> <b>$18,000.00</b> ($18000+) Diamond Sponsor<br>
<input type="checkbox"> <b>$10,000.00</b> ($10000+) Ruby Sponsor<br>
<input type="checkbox"> <b>$5000.00</b> ($5000+) Emerald Sponsor<br>
<input type="checkbox"> <b>$3600.00</b> ($3600+) Gold Sponsor<br>
<input type="checkbox"> <b>$1800.00</b> ($1800+) Silver Sponsor<br>
<input type="checkbox"> <b>$1000.00</b> ($1000+) Bronze Sponsor<br>
<input type="checkbox"> <b>$500.00</b> ($500+) Pillar<br>
<input type="checkbox"> <b>$250.00</b> ($250+) Patron<br>
<input type="checkbox"> <b>$180.00</b> ($180+) Supporter<br>
<input type="checkbox"> <b>$100.00</b> ($100+) Friend<br>
<input type="checkbox"> <b>$50.00</b> ($50+) Donor<br>
<input type="checkbox"> <b>$25.00</b> ($25+) Donor<br>
</td>

我需要在显示每个输入时隐藏部分标签文本。特别是括号括起来的数字。

目前它的外观如下：

$ 18,000.00 （$ 18000 +）钻石赞助商
$ 10,000.00 （$ 10000 +）Ruby赞助商
$ 5000.00 （$ 5000 +）绿宝石赞助商
$ 3600.00 （$ 3600 +）金牌赞助商
$ 1800.00 （$ 1800 +）银牌赞助商
$ 1000.00 （$ 1000 +）铜牌赞助商
$ 500.00 （$ 500 +）支柱
$ 250.00 （$ 250 +）Patron
$ 180.00 （$ 180 +）支持者
$ 100.00 （$ 100 +）朋友
$ 50.00 （$ 50 +）捐款人
$ 25.00 （$ 25 +）捐款人

如何从输入标签中删除包括括号的数字，但保留标签的其余部分。

非常感谢任何帮助

Answer 1

使用：

<强> jQuery的：

$('td').html(function (_, html) {
    return html.replace(/(\(.*\))/ig, '<span class="hide">$1</span>');
});

<强> CSS：

.hide {
    display:none;
}

<强> jsFiddle example

Answer 2

<input type="checkbox"> <span><b>$18,000.00</b> ($18000+)</span> Diamond Sponsor<br>

$('input:checkbox').on('change',function(){

   $(this).closest('span').toggle();
});

如何修改动态生成的表中的复选框标签？

2 个答案: