Question

我使用以下代码切换<a>标记的文字：

$(function() {
    $(".button-table-holder").click(function () {
        $('.tableHolder').slideToggle(500);
        return false;
    });

    var text = $('.button-table-holder').text();
    $('.button-table-holder').text(text == "Show full product specifications" ? "Hide" : "Show full product specifications");
});

该文字似乎停留在显示完整的产品规格虽然......我希望它能随着我点击链接而改变

Answer 1

如果您希望每次点击都发生了某些事情，那么它应该包含在click函数中（在本例中为 .button-table-holder ）。

在当前形状中，最后一条指令只执行一次。

Answer 2

更改文本的代码不会放在单击侦听器中。你应该做点什么：

$(".button-table-holder").click(function () {
    var text = $('.button-table-holder').text();
    $('.button-table-holder').text(text == "Show full product specifications" ? "Hide" : "Show full product specifications");
});

Answer 3

您没有在click事件处理程序中放置调整文本的两行，这意味着它们只运行一次（当文档准备好时）。试试这个：

$(function() {
    $(".button-table-holder").click(function () {
        $('.tableHolder').slideToggle(500);
        var text = $('.button-table-holder').text();
        $('.button-table-holder').text(text == "Show full product specifications" ? "Hide" : "Show full product specifications");
        return false;
    });
});

jQuery内联if语句

3 个答案: