1

次の行を含む HTML があります。

<FONT size=4>Hello</FONT>
<FONT size=5>Hello</FONT>

そして、jQueryを使用してフォントをこれに置き換えたい:

フォント サイズ = 4 の場合は に置き換え<h2 class="h2class">Hello</h2> ます フォント サイズ = 5 の場合は に置き換えます<h3 class="h3class">Hello</h3>

私はそのような replaceWith() 関数を使用しようとしています:

$('font').replaceWith('<h2 class="h2class"></h2>');

しかし、その後、テキストを失い、フォントサイズを確認する方法もうまくいきません。

したがって、2 つの質問があります。1. フォント サイズに基づいて条件付きでこれを行うにはどうすればよいでしょうか 2. 元のテキストを失わずにこれを行うにはどうすればよいでしょうか。

ありがとう

4

3 に答える 3

2

試す

$('font[size="4"]').replaceWith(function(){
    return $('<h2 />', {"class": "h2class"}).append($(this).contents())
});
$('font[size="5"]').replaceWith(function(){
    return $('<h3 />', {"class": "h3class"}).append($(this).contents())
});
于 2013-10-03T11:05:35.600 に答える
0

あなたができる：

$('font').wrapInner('<h2 class="h2class" />').children().unwrap();
于 2013-10-03T11:05:20.817 に答える
0 
$('font').replaceWith(function(i, content) {
    var tag = +$(this).attr('size')===5 ? 'h2' : 'h3';
    return $('<'+tag+'/>', {
        'class': tag+'class',
        text: content
    });
});
于 2013-10-03T11:10:53.947 に答える