使用jquery

Question

Disclamer：

几乎是jQuery的新手。

我正在尝试使用jquery构建一些非常简单的东西，但我的问题是我正在使用表，我的框架有时会向表中添加标记或类（我在表达引擎的控制面板中） ），这很烦人。所以基本上我没有按照自己的意愿自由控制我的结构。

无论如何，我想创建两个并隐藏并在点击时使用jquery显示它们：

<th class="plus">+</th>
<th class="minus">-</th>

正如我之前解释的那样，我不能把它们放在div中，所以为了隐藏和展示它们，我正在考虑这样的事情：

$('.plus', '.minus').click(function() {
  $(this).toggle();
  $(this).next().toggle();
});

真的没有做任何事情。从技术上讲它是有效的，特别是如果你只使用其中一个，当然，我可以使用如下的切换类：

hidden {
display: none
}

并使用toogleClass（）添加到他们，但我试图做一些更干净的事情而不重复自己。

有什么想法吗？

Answer 1

• 在加号和减号图标
中添加一个类（show-hide）
• 使用css
隐藏减号图标
• 在jquery中，onclick显示所有图标，然后隐藏当前单击的图标

<强> HTML

<div class="plus show-hide">
+
</div>
<div class="minus show-hide">
-
</div>

<强> CSS：

.minus {
  display: none;
}

<强> jQuery的：

$('.show-hide').click(function() {
  $(".show-hide").show();
  $(this).hide();
});

<强> DEMO