0

迅速な更新が必要なクライアントがいます。彼らは woocommerce を使用しており、製品に評価属性を追加しています。

現在、評価（1〜5）を選択できるように設定されており、現在、それを段落テキストとして出力しています。<p>1</p>

コンテンツに応じて、テキストコンテンツを画像に置き換えるようにjqueryで可能でしょうか。たとえば、コンテンツが「1」の場合は星1つの画像に置き換えますが、コンテンツが「2」の場合「2つ星などの画像をロードしますか？

コアのwoocommerce phpにあまり多くの変更を加えずにこれを更新しようとしていますが、段落が存在するテーブル行にクラスがあるように更新しました。

<tr class="rating">
<th>rating</th>
<td><p>1</p></td>
</tr>

私が推測するのは、jqueryを使用して段落のcssスタイルを変更し、関連する星の画像を段落の背景として使用し、ブロックを表示し、テキストをインデントして見えないようにすることですが、これらのスタイル (特に背景) は、段落内の実際のテキスト コンテンツに依存しますか?

よろしくお願いします！

4

3 に答える 3

0 
$(document).ready(function(){
$('tr.rating').each(function(){
   $(this).find('p').html('<img src="yourimagesfolder/'+($(this).find('p').text()+'.jpg'" />');
   //make sure to have 1.jpg,2.jpg..etc in your images folder   

    });

});
于 2012-09-14T08:55:50.623 に答える
0

はい、間違いなく段落の背景を設定できます。ただし、div などの他の要素を使用して、その div の高さと幅を設定できます。その div のコンテンツに基づいて、背景画像を取得し、コンテンツを非表示にすることができます。

于 2012-09-14T08:56:33.503 に答える
0 
$($('#yourTableId tr.rating').each(
    function(){
        var $t = $(this), $p = $t.find('td > p');
        if($p.length){
            $p.addClass($p.text() + 'bg'); // 1bg.jpg ...
            // make sure to create associated classes
        }
    }
));
于 2012-09-14T08:59:28.050 に答える