javascript - 切换链接及其内容 Jquery

Question

我有这个代码 http://jsfiddle.net/tdvtjqah/

$("a[data-toggle]").on("click", function (e) {
	    e.preventDefault(); // prevent navigating
	    var selector = $(this).data("toggle"); // get corresponding element
	    $(".category").hide();
	    $(selector).show();
	});



$('.inline-link a').click(function () {

	$('.inline-link').find('a').removeClass('active');
   	$(this).addClass('active');

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="inline-link">
    <a href="#" data-toggle="cat-75">Category 75</a>
    <a href="#" data-toggle="cat-76">Category 76</a>
    <a href="#" data-toggle="cat-77">Category 77</a>
</div>

<div class="category cat-75">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore non eius voluptatem quo odio vitae dolor tenetur labore quia totam ipsum ad nulla amet quidem suscipit neque quam porro sunt.  
</div>
<div class="category cat-76">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore non eius voluptatem quo odio vitae dolor tenetur labore quia totam ipsum ad nulla amet quidem suscipit neque quam porro sunt.  
</div>
<div class="category cat-76">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore non eius voluptatem quo odio vitae dolor tenetur labore quia totam ipsum ad nulla amet quidem suscipit neque quam porro sunt.  
</div>

当您点击链接时，我希望显示其内容。

当您单击另一个链接时，其内容会显示，而其他链接则会隐藏。

我尝试使用 [data-toggle] 匹配链接和类别，但在我的代码中，它不起作用。

感谢您的帮助!

Answer 1

您需要选择带点或散列的选择器。就您而言，您已在类里面定义了它们，因此请这样做:

$('.'+selector).show();