2

次のコードがあります。

<td class="select-cli-numbers"><div class="explanationText" style="cursor:pointer;">Click here to select numbers</div></td>

トグルすると、ここをクリックして CLI 番号を非表示にします。

私のjsは次のとおりですが、動作しません。何か案は？

$(".select-cli-numbers").toggle(function () {
            $('#cli-numbers').show();
            $(this).text() = "Click here to hide CLI numbers"
    }, function () {
            $('#cli-numbers').hide();
            $(this).text() = "Click here to show CLI numbers"
        });
4

3 に答える 3

4

構文にわずかな問題があります。

$(".select-cli-numbers").toggle(function () {
  $('#cli-numbers').show();
  $(this).children().text("Click here to hide CLI numbers");
}, function () {
  $('#cli-numbers').hide();
  $(this).children().text("Click here to show CLI numbers");
});

text()テキスト文字列を受け取り、要素のテキスト ノードをそれに設定します。

于 2012-08-29T12:36:09.847 に答える
1

それはこのようにする必要があります

$(document).ready(function() {
    $(".explanationText").toggle(function () {
      $('#cli-numbers').show();
      $(this).text("Click here to hide CLI numbers");
    }, function () {
      $('#cli-numbers').hide();
      $(this).text("Click here to show CLI numbers");
    });


});
于 2012-08-29T12:55:27.707 に答える
1

使用しているtoggle()関数は非推奨であるため、代わりにクリック関数を使用します。

$(".select-cli-numbers").on('click', function() {
    var msg = $('#cli-numbers').toggle().is(':visible')?'hide':'show';
    $('.explanationText', this).text("Click here to "+msg+" CLI numbers");
});​

フィドル

于 2012-08-29T13:08:13.733 に答える