我正在尝试检查HTML十进制代码的出现,然后根据几何形状on this page进行相应切换。
代码示例如下所示,小提琴链接为:
http://jsfiddle.net/w1sk6gsp/6/
$(document).ready(function() {
$( '.container' ).prepend( '<span class="HTML">▲</span>' );
$( '.container' ).prepend( '<span class="Text">initial</span>' );
$( '.HTML' ).on( 'click', function() {
$( this ).html( $( this ).html() == '▲' ? '▼' : '▲' );
} );
$( '.Text' ).on( 'click', function() {
$( this ).html( $( this ).html() == 'initial' ? 'switched' : 'initial' );
} );
});
我已经包含了一个名为Text和一个名为HTML的内容,因此您可以看到它确实可以使用文本而不是HTML代码,任何人都可以解释如何使其工作,如果没有,至少为什么不能工作
答案 0 :(得分:0)
要提供一个已接受的答案,以便它没有显示未答复,@ Regent提供的解决方案如下:
$(document).ready(function() {
$('.container').prepend('<span class="HTML">▲</span>');
$('.container').prepend('<span class="Text">initial</span>');
$('.HTML').on('click', function() {
$(this).html($(this).html() == '\u25B2' ? '▼' : '▲');
});
$('.Text').on('click', function() {
$(this).html($(this).html() == 'initial' ? 'switched' : 'initial' );
});
});