2

ここでは、数字の前にルピー記号を追加しようとしています。「-」がある場合は、あそこにルピー記号を追加したくありません。これが私のコード です

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

4 に答える 4

3

$('p.active').prepend("<span class='WebRupee'>Rs.</span>");すべてのアクティブな段落を選択し、Rを付加します。シンボル。代わりにループを使用して、すべての段落で先頭に追加するかどうかをチェックします。たとえば、次のことができます。

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

また、要素ごとに複数のクラスを持つことができることに注意してください。つまり、例のすべてに対して1つのクラスを持つことができます<p>: vs 。「ルピー」クラスのすべての要素の前にルピー記号を付ける必要がある場合は、次のように記述できます。<p class="rupee in_active">1,68,10,900</p><p class="active">10,200</p>

$('p.rupee').prepend("<span class='WebRupee'>Rs.</span>");
于 2012-04-27T12:10:25.667 に答える
3

代わりに、段落をループするのが理にかなっています。どうですか:

$('.active, .in_active').each(function() {
    if ( $(this).text() != '-' ) {
        $(this).prepend('<span class="WebRupee">Rs.</span>');
    }
});
于 2012-04-27T12:10:41.127 に答える
1
$('.in_active').each(function(){
var hyphen = $(this).html();
if(hyphen == '-'){

}else{
   $(this).prepend("<span class='WebRupee'>Rs.</span>");
}
});
于 2012-04-27T12:12:10.353 に答える
1

この作業例のフィドルを確認してください

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

        });

    });
于 2012-04-27T12:26:23.280 に答える