2011-07-16 65 views
0

我有一個網站上的以下結構我jQuery的訪問第二類

<td class="header link" id="link-XXX"><a href="/XXX>XXX</a></td> 

我使用jQuery來改變在桌上的選擇背景色建設。我想要做的也是讓XXX的字體在選擇時加粗(由鏈接類控制)。

我使用 $(document).ready(function() { $("#link-XXX).css('background-color', '#EBA521'); }); 改變背景顏色和它的作品

如何訪問鏈接類,並改變XXX的字體爲粗體?

我試圖

$("#link-XXX").css('font-weight', 'bold); 

,但它不工作。

+1

我想你忘了添加上面的單引號來關閉'bold'並用'tr'和'table'封裝'td',否則其中一個會打斷它。 – Sotiris

回答

2

嘗試設置錨代替,就像這樣:

$("#link-XXX a").css('font-weight', 'bold);

爲了使這個更好的,我建議你添加/刪除一個類<tr><td>每次行選擇/日 - 請選擇。然後控制<td><a>使用CSS的樣式,像這樣:

.selected a 
{ 
    font-weight:bold; 
} 

您可以添加/做這個

$('#link-XXX').addClass('selected');

$('#link-XXX').removeClass('selected');

+1

+1用於建議使用類。通常,添加和刪除類是一種更好的做事方式。 –

0
刪除類

您目前正在將樣式應用於td。而不是你有CSS應用CSS的錨標記。 試試這個$("#link-XXX a").css('font-weight', 'bold');
它會工作。如果你想添加和刪除類,可以使用jQuery中的函數addClass()和removeClass。看看這link

0

我建議不要太複雜的事情,並在CSS中使用更改後的類名,以實現字體重量的變化,而不是使用jQuery來實現相同的事情以更復雜的方式:

.link-xxx a { 
    font-weight: bold; 
} 

/* or */ 

.link-xxx { 
    font-weight: bold; 
} 
.link-xxx a { 
    font-weight: inherit; 
}