javascript - jQuery 从标签中删除括号/文本

Question

这是网站上加载的 HTML 片段，我无法更改它，因为它是通过 3D 购物车中的代码块加载的:

    <div class="opt-field">
                <label for="text56">4kg - $19 [+$19.00]</label>
                <input type="text" size="3" name="text56" value="0"><br>

                <label for="text58">8kg/18lb - $29 - Currently Out of Stock [+$29.00]</label>
                <input type="text" size="3" name="text58" value="0"><br>

                <label for="text59">12kg/26lb - $39 - Currently Out of Stock [+$39.00]</label>
                <input type="text" size="3" name="text59" value="0"><br>
</div>

我想删除附加到每个标签的自动生成的 [+$price]。我已经尝试了在这里找到的许多变体，但似乎没有任何影响。

    $(document).ready(function() {
        var str = $('.opt-field label');
        var r = str.replace(/[(\[].*?[)\]] */g, "");
        $('label').html(r);
    });

这是我一直在尝试的 jsfiddle:https://jsfiddle.net/32rch0n9/1/

感谢您的帮助/建议

Answer 1

您的错误在于您的 JS 代码，您没有使用标签列表。

$('.opt-field label').each(function(index, item){
        console.log($(item).text());
        var r = $(item).text().replace(/[(\[].*?[)\]] */g, "");
        $(item).html(r);
    });