我的 jquery 代码有什么问题？

Question

I have this div:

<div class="transparency" data-title="<? echo $perf; ?>">&nbsp;</div>

An this is the jquery code which extracts the data-title value and replaces the &nbsp with it.

function performerNames(){

    var performername = $(".transparency").data('title'); 

    var divcontent = $(".transparency").innerHTML;

    if (divcontent == ' '){

        $(".transparency").html(''+divcontent+''); 

    }

}

Ty very much!

Answer 1

Use html() instead of innerHTML ::

var divcontent = $(".transparency").html();

and you want to replace by data, so:

$(".transparency").html(''+performername+'');

instead of:

$(".transparency").html(''+divcontent+''); 

UPDATE:

whole code:

function performerNames(){    
    var performername = $(".transparency").data('title');     
    var divcontent = $(".transparency").html();    
    if (divcontent == ' '){    
        $(".transparency").html(''+performername+'');     
    }
}

Answer 2

The innerHTML should not ever be   unless you double entity encoded your non-brekaing space. Thus the body of your if block does not execute.

EDIT: This, as suggested by others, works for me:

function performerNames()
{
    var $transparency = $( '.transparency' ),
        performername = $transparency.data( 'title' );

    if( $transparency.html() == ' ' )
    {
        $transparency.html( performername );
    }
}

Answer 3

Replace $(".transparency").innerHTML; with $(".transparency").html();

Answer 4

You're just setting the html content to be the same as it is:

var divcontent = $(".trasparency").html();
$(".transparency").html(divcontent);

Which should be

$(".transparency").html(performername);