Question

我想将div用作＆＃34;链接＆＃34;以某种方式，当单击div时，它会切换表格的可见性并且div的文本会发生变化。我可以让表格在点击时切换，但我无法根据该表格的可见性来获取div中的文字。

这是我的代码：

＆＃13;

null

＆＃13;

$(document).ready(function () {
  $('.details td').hide();
  $('#link').click(function () {
    $('.details td').toggle();
    if (('.details td').is(':hidden')) {
      $('#link').text('Click For More Detail');
    } else {
      $('#link').text('Click To Hide Details');
    }
  });
});

＆＃13;

Answer 1

在这里缺少$，

 if (('.details td').is(':hidden')) {
 ////^

您可以通过查看控制台本身来修复它。无论如何这里是demo。

您也可以像下面那样优化代码，

$(document).ready(function () {
    var details = $('.details td').hide();
    $('#link').click(function () {
        details.toggle();
        $(this).text($('.details td').is(':hidden') ? 'Click For More Detail' : 'Click To Hide Details');
    });
});

更改文本和隐藏表格

1 个答案: