2016-03-22 20 views
2

経由タグに '×' を追加しますは、私はこのようなクローズボタンを設計していますjqueryの

$('#btn').click(function(){ 
 
    var span = $('<span>').text('&times;'); 
 
    var btn = $('<button>').prop('type', 'button').append(span); 
 
    
 
    $('body').append(btn) 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="btn" type="button">Click me</button>

&times;xに変換しませんでした。

だから、私の質問です:どのようにそれを修正するには?

+0

'VARスパン= $( ' ')の.text(' ×')、のは、あなたのJSの2行を分析してみましょう;'。したがって、可変幅( 'var span =')をCSSセレクタ ' 'を持つノードとして宣言します。今あなたの間違いがあります。あなたはそれが何を返すと思いますか? (たぶん、 'ボタン'の代わりに 'スパン')おそらくそれは有効なCSSセレクターですか? (いいえ) – SZenC

答えて

3

.text()の代わりに.html()を使用する必要があります。 .text()を使用すると、htmlエンティティはプレーンテキストと見なされます。

$('#btn').click(function(){ 
 
    var span = $('<span>').html('&times;'); 
 
    var _btn = $('<button>').prop('type', 'button').append(span); 
 
    
 
    $('body').append(_btn) 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="btn" type="button">Click me</button>

+0

多くの感謝!それは助けです:) –

+0

@HappyCodingハッピーコーディング! :) –

関連する問題