如何用鼠標單擊時更改錨點的文本？

這是我的網站。 http://www.sarahjanetrading.com/js/j/index.html所有的代碼+圖像+ css都可以訪問任何人如何用鼠標單擊時更改錨點的文本？

當任何人點擊聽按鈕時，它的背景會變爲停止監聽，反之亦然。這是我想要的功能，我使用jQuery。

我現在也想要的是相應地改變文字。比如，當有人點擊「監聽」錨點時，其文本應該變爲「停止監聽」，並且停止監聽錨點的文字也應該相同。就像一個切換錨點。

感謝您的幫助！真的很感激... :)

來源

2011-09-28 user967211

我已經使用您的確切來源在下面發佈了答案。只要去JSfiddle。 –

我查了一下。完美的作品。非常感謝時間和精力。真的很感激它們！ :) – user967211

在這裏，我使用你的源代碼製作了這個JSFiddle。

http://jsfiddle.net/K4Njj/2/

這裏是jQuery代碼：

$(function(){ 
    $("#container a").click(function(){ 
     if ($(this).html() == "Stop Listening") 
     { 
      $(this).html("Listen"); 
     } 
     else if ($(this).html() == "Listen") 
     { 
      $(this).html("Stop Listening"); 
     } 
    }); 
});

這將簡單地檢查，看看是否在錨文本是「停止收聽」或「聽」，如果是，它會當你按下按鈕時切換它。這真的是最優雅的解決方案。

來源

2011-09-28 04:33:52

謝謝。太棒了。非常感謝！ – user967211

不客氣。順便說一下，我只做了最後一項更改（在它將更改鏈接容器中的任何鏈接之前，現在它只會影響監聽和停止監聽） –

$("#first").toggle(function(){ 
    $(this).text("Stop listening"); 
}, function(){ 
    $(this).text("Listen"); 
});

在線演示：http://jsfiddle.net/5AUdJ/

UDPATE

我看你使用的是類控制聽/停止狀態。也許這會更好。

$("a").click(function(){ 
    if($(this).is(".listen")){ 
     $(this).text("Stop listening").removeClass("listen"); 
    } else { 
     $(this).text("Listen").addClass("listen"); 
    } 
});

來源

2011-09-28 04:06:43 amosrivera

不工作。是因爲我使用的是第一個類而不是id？我也嘗試過，但沒有工作。 :( – user967211

我在你發佈的鏈接上測試過，它的工作完美，鏈接中的id是「first」。 – amosrivera

@ user967211更好的檢查在線演示：http://jsfiddle.net/5AUdJ/ – amosrivera

在您的Javascript中，您可以使用innerHTML屬性來訪問和/或更改元素的HTML文本。

getElementById("first").innerHTML = "newtext"

來源

2011-09-28 04:07:17 Sparky

如何用鼠標單擊時更改錨點的文本？

回答

相關問題