I have this div:
<div class="transparency" data-title="<? echo $perf; ?>"> </div>
An this is the jquery code which extracts the data-title value and replaces the   with it.
function performerNames(){
var performername = $(".transparency").data('title');
var divcontent = $(".transparency").innerHTML;
if (divcontent == ' '){
$(".transparency").html(''+divcontent+'');
}
}
Ty very much!
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+'');
whole code:
function performerNames(){
var performername = $(".transparency").data('title');
var divcontent = $(".transparency").html();
if (divcontent == ' '){
$(".transparency").html(''+performername+'');
}
}
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 );
}
}
.html() would return an empty string on that, right?
. In my edit you can see code that works for me as suggested by others. If it didn't return the it should return the actual non-breaking space char which that entity represents.Replace $(".transparency").innerHTML; with $(".transparency").html();
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);
performerNames()somehow?