改變CSS跨度點擊

-2

我有一個3跨度我用於導航到3個不同的頁面，他們基本上像我的按鈕，只有我使用的插件要求他們跨度（爲什麼我不能使用按鈕，所以不告訴我改用按鈕）。改變CSS跨度點擊

我想要做的是改變點擊跨度的背景顏色，所以如果我在第3頁，跨度3是綠色的例子，當我點擊另一跨度時，那個改變，前一個綠色跨度恢復正常。

有關如何在js，html或css中執行此操作的任何想法？

2013-10-27 Jacco

我們不可能在沒有看到更多上下文的情況下爲您提供幫助。你可以在這裏發佈你的實際代碼嗎？[描述你試過的東西]（http://whathaveyoutried.com）？謝謝！ –

不知道發佈代碼是否會幫助太大，它基本上在一個div中有3個跨度，並帶有一些標準的css代碼。我試過的是給他們不同的ID，然後將onClick添加到每個跨度上，將背景顏色設置爲我點擊的背景顏色爲綠色，但由於某種原因，該功能無效。 – Jacco

最重要的是，告訴我們一些關於需要按鈕跨度的神祕插件。 –

這很容易用jQuery實現。

jQuery的

$('span').on('click', function() { 
    $('span').removeClass('active'); 
    $(this).addClass('active'); 
});

CSS

span { 
    background: #c1c1c1; 
    display: block; 
    width: 100px; 
    height: 25px; 
    float: left; 
} 

span.active { 
    background: green; 
}

HTML

<span class="active">one</span> 
<span>two</span> 
<span>three</span> 
<span>four</span>

這只是增加了類active刪除任何active之前的點擊元素。

JSFIDDLE

來源

2013-10-27 19:27:22

改變CSS跨度點擊

回答

相關問題