這裏是我的HTML代碼:如何使用Jquery切換錨文本?
<label for="LoginControl">
<a href="login/" class="concealed noOutline"> Log in or Sign up </a>
</label>
我需要替換文本登錄或註冊與X點擊並再次點擊時恢復到舊的文本時。
這裏是我的HTML代碼:如何使用Jquery切換錨文本?
<label for="LoginControl">
<a href="login/" class="concealed noOutline"> Log in or Sign up </a>
</label>
我需要替換文本登錄或註冊與X點擊並再次點擊時恢復到舊的文本時。
你需要爲你的錨click處理:
$("a.concealed").click(function() {
現在,你需要一些邏輯:
$(this).text() == "X" ? "Log in or Sign up" : "X"; //if it equals X, return Log. Else X.
現在剛剛合併成一個功能:
$("a.concealed").click(function() {
var newText = $(this).text() == "X" ? "Log in or Sign up" : "X";
$(this).text(newText);
});
這將是最好的,如果你給你的標籤的ID
<label for="LoginControl"><a id="myLink" href="login/" class="concealed noOutline">Log in or Sign up</a></label>
,然後這是你如何能做到這一點:fiddle
HTML
<label for="LoginControl">
<a href="login/" class="concealed noOutline"> Log in or Sign up </a>
</label>
JQUERY
$('label a').click(function(
$(this).toggle(
function(){$(this).text('X')},
function(){$(this).text('Login or Sign Up')}
)}
閱讀更多關於Jquery Toggle http://api.jquery.com/toggle/
這隻能切換一次。 –
當你點擊它時,它會進入不同的頁面嗎? – Learner
它有一個href登錄沒有點擊事件,所以我猜它會把他們帶到登錄頁面。除非他有一個全局的jQuery捕獲鏈接點擊。 – abc123
它的工作方式類似於http://web-kreation.com/demos/Sliding_login_panel_jquery/ – user2532458