jquery - 選択オプションからのjQuery内部html

Question

私はjqueryで派手な選択ボックスを書いていますが、少し問題が発生しました。

<select>
    <option>
        Shocka <br> Zooloo
     </option>
</select>


alert($('option').html()+'');

なんらかの理由で、<br>タグはアラートに表示されません。brタグ付きのhtmlを取得するにはどうすればよいですか？

純粋なjshttp ://jsfiddle.net/z4Wb9/同じ問題。

score 1 · Accepted Answer

回避策が必要な場合は、非表示の文字「ALT+255」または「」を使用して、置換を実行できます。

//In the replace function, use the ' ' character and not just a space.
alert($('option').val().replace(' ','\n'));

または、ALT + 255文字のすべてのインスタンスを新しい行に置き換えたい場合は、次を使用します。

alert($('option').val().replace(new RegExp(' ',g),'\n'));

明らかに、これはあまりお勧めできませんが、ニーズに合わせて機能するはずです。

回避策パート2

(null)以前に提案されたように、文字を使用する代わりに。&ensp;次のように、文字をトークンとして使用して、置換を実行してみてください。

 <option>
    Shocka&ensp;Zooloo
 </option>

この内容をコピーし( )て、置換関数の最初の引数としての文字と場所にアクセスできます。

//The character being replace is NOT a normal space
alert($('option').val().replace(' ','\n'));