javascript - 如何使用 jquery prepend() 函数在所有数字前添加卢比符号

Question

在这里，我尝试在数字前添加卢比符号。如果有“-”，那么我不想在那里添加卢比符号。这是我的代码

var te = $('p.active').text();
    var te2 = $('p.in_active').text();    
    if(te === '-'){}
    else{$('p.active').prepend("<span class='WebRupee'>Rs.</span>");}
    if(te2 === '-'){}
    else{$('p.in_active').prepend("<span class='WebRupee'>Rs.</span>");}

我的 HTML 是

<link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font" />
<div class="main">
<p class="active">10,200</p>
<p class="in_active">1,68,10,900</p>
<p class="active">0</p>
<p class="in_active">-</p>
<p class="active">12,78,200</p>
<p class="in_active">-</p>
<p class="active">-</p>
<p class="in_active">9,890</p>
<p class="active">10,200</p>
<p class="in_active">1,68,10,900</p>
<p class="active">0</p>
<p class="in_active">-</p>
<p class="active">12,78,200</p>
<p class="in_active">-</p>
<p class="active">-</p>
<p class="in_active">9,890</p>
</div>​

我的CSS是

.in_active{color:#999;font-size:11pt;font-weight:400;}
.active{color:#333;font-size:11pt;font-weight:400;}
.main{padding:30px;}​

Answer 1

$('p.active').prepend("<span class='WebRupee'>Rs.</span>");选择每个活动段落并添加 Rs。象征。您想改用一个循环，它检查每个段落是否应该发生前置。例如，您可以执行以下操作：

$('p.active, p.in_active').each(function() {
     if($(this).text() !== '-') {
        $(this).prepend("<span class='WebRupee'>Rs.</span>");
    }
});

另请注意，每个元素可以有多个类，这意味着您可以为示例中的每个元素设置一个类<p>：<p class="rupee in_active">1,68,10,900</p>与<p class="active">10,200</p>. 如果所有具有“卢比”类的元素都应该在前面加上卢比符号，那么你可以简单地写：

$('p.rupee').prepend("<span class='WebRupee'>Rs.</span>");

Answer 2

相反，循环浏览段落是有意义的。怎么样：

$('.active, .in_active').each(function() {
    if ( $(this).text() != '-' ) {
        $(this).prepend('<span class="WebRupee">Rs.</span>');
    }
});

Answer 3

$('.in_active').each(function(){
var hyphen = $(this).html();
if(hyphen == '-'){

}else{
   $(this).prepend("<span class='WebRupee'>Rs.</span>");
}
});

Answer 4

请检查这个工作示例小提琴

    $(document).ready(function(){
        $(".main p").each(function(){
          var pValue = $(this).text();
            if(pValue != '-'){
               $(this).prepend("<span class='WebRupee'>Rs.</span>");
            }

        });

    });