Question

我正在学习如何有效地使用jQuery，但是我在这里使用最小的代码时遇到了一些麻烦，我正在寻求帮助。

$(".showHideLink").on("click", function() {
var id = $(this).attr("id");
$("."+id+" comments").show();
});

理想情况下，这将使具有“id”和“class”类的元素成为可能。 “评论”显示。这是评估表的一部分，约有60个不同的项需要合格值，但量化信息是可选的，所以我选择隐藏textarea，除非评估者选择启用它。

我不确定我的错误是连接还是我完全错过了标记。

如果有帮助，这里有一个引用链接，看看这是我的错误来源。

<p class="showHide"><a class="showHideLink" id="1" href="#">Enter Comments</a></p>

这是我试图“展示”的元素。

<p class="1 comments">Comments:<br><textarea cols="50" rows="3"></textarea></p>

我一直在寻找，但我找不到任何其他问题的答案似乎特别适合我的需要。感谢您的帮助。

Answer 1

您正在根据选择器选择<comment>元素。您应该使用：$("." + id + ".comments")，因为您想要的是选择1 类类comments的元素，即{{ 1}}。

＆＃13;

.1.comments

＆＃13;

$(".showHideLink").on("click", function() {
  var id = $(this).attr("id");
  $("." + id + ".comments").show();
});

＆＃13;

.comments {
  display: none;
}

＆＃13;