Question

Jquery的

    $('.arrow').html("˅");
    $('#header_display').click(function() {
        $('#header_diplay .arrow').html("˄");
        $('.header_gadgets').slideToggle("fast");
        if(!$.trim( $('.header_gadgets').html() ).length) {
            $('.header_gadgets').text("This template has no gadgets.");
        }

HTML

<li class="list-item" id="header_display">Header<div class="arrow"></div></li>
<li class="list-item" id="sidebar_display">Header<div class="arrow"></div></li>

嗨，我打算上下翻转div。这是我的jquery和html代码。在jquery代码中，我如何分配＆＃39;箭头＆＃39;儿童类＆＃39; header_display＆＃39;父母身份。谷歌搜索后，我发现在某些网站，但它不适合我。

Answer 1

我不知道你是否在复制代码时错过了最后一行，但是试试这个。

<强> Jquery的

$('.arrow').html("˅");
$('#header_display').click(function() {
  $(this).toggleClass('active');
  if ($(this).hasClass('active'))
    $('#header_display .arrow').html("˄");
  else
    $('#header_display .arrow').html("˅");
  $('.header_gadgets').slideToggle("fast");
  if(!$.trim( $('.header_gadgets').html() ).length) {
    $('.header_gadgets').text("This template has no gadgets.");
  }
});

当用户点击#header_display时，您更改了箭头，但之后您永远不会将其更改回来。我已经添加了一个类来检查它是否已被点击。

不确定.header_gadgets的内容是什么。我忽略了这一部分。

See example

如何在jquery中根据父ID使用子类

Jquery的

HTML

1 个答案: