用.replaceWith（）替换按钮文本

Question

这对我来说似乎不起作用JSFiddle

$(document).ready(function() {
    $('.dropdown-menu>li>a').on("click", function() {
        var buttonText = $(this).text();
        $('.dropdown-toggle').replaceWith(buttonText);
    });
});

Answer 1

尝试以下方法：

$(document).ready(function() {
  $('.dropdown-menu > li > a').on("click", function() {
    var buttonText = $(this).text();
    $('.dropdown-toggle').text(buttonText);
  });
});

您的查询选择器未正确使用dropdown而非dropdown-menu。此外，replaceWith()将替换整个元素，因此最好使用.text()来更改按钮的内部文本。

Answer 2

$(document).ready(function() {
    $('.dropdown-menu>li>a').on("click", function() {
        var buttonText = $(this).text();
        $('.dropdown-toggle').text(buttonText);
    });
});

面对掌心！