2012-08-06 42 views
0

此HTML:jQuery的:改變css和刪除HTML工作不

​​

與這個jQuery:

$(".empty").click(function() { 
      $(this).css("color","#000"); 
      $(this).html(" "); 
     }); 

不工作,我希望(或全部)。我想這樣做是因爲當用戶單擊跨度中的「更改我」文本時,字體顏色變爲黑色,跨度中的現有文本消失。

+0

其工作... http://jsfiddle.net/JftGd/5/ – 2012-08-06 10:19:48

+0

不工作你的意思是文本沒有消失? – 2012-08-06 10:21:24

回答

1

它不工作,因爲沒有爲跨度無height屬性,並清空它的內容將有一個後width of 0pxheight of 0px。用<div>替換span,並在css中給它一個高度。 這裏的示例:http://jsfiddle.net/JftGd/12/

0

我假設你有你的代碼在你的html的<head>。 您需要將代碼包裝在onLoad中,以便代碼在適當的時候執行。

$(function() { 
    $(".empty").click(function() { 
     $(this).css("color","#000"); 
     $(this).html(" "); 
    }); 
}); 
0

在頁面加載後執行代碼:

$(document).ready(function(ev){ 
    $(".empty").click(function() { 
     $(this).css("color","#000"); 
     $(this).html(" "); 
    }); 
}); 

http://jsfiddle.net/sF6G9/