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

How to use jquery prepend() function for adding rupee symbol before all numbers

本文关键字:数字 添加 符号 卢比 jquery 何使用 prepend 函数      更新时间:2023-09-26

在这里,我试图在数字之前添加卢比符号。如果有"-",那么我不想在那里添加卢比符号。这是我的代码

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

我的网页是

<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;}​

循环遍历段落是有意义的。怎么样:

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

$('p.active').prepend("<span class='WebRupee'>Rs.</span>");选择每个活动段落并在前面加上卢比符号。您希望改用循环,该循环检查每个段落是否应使用前置。例如,您可以执行以下操作:

$('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> 。如果所有带有"rupee"类的元素都应该在前面加上卢比符号,那么你可以简单地写:

$('p.rupee').prepend("<span class='WebRupee'>Rs.</span>");
$('.in_active').each(function(){
var hyphen = $(this).html();
if(hyphen == '-'){
}else{
   $(this).prepend("<span class='WebRupee'>Rs.</span>");
}
});

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

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