javascript - 单击 Jquery 更改跨度

Question

我有这个代码

	$('a').click(function() {
		$('a span').first().addClass('hide');
 		$('a span:nth-child(2)').removeClass('hide');
                $('a span:nth-child(2)').addClass('display');
	});

.hide {
  display:none;
 }

.display {
  display:block;
 }

<a href="#">
  <span>Hello</span>
  <br>
  <span class="hide">World</span>
</a>

当我单击链接时，我希望第一个跨度隐藏并显示第二个跨度。

我想多次执行此操作(多次单击此链接并得到相同的结果)。

我尝试用这个 Jquery 代码来做到这一点

Answer 1

我只是切换类(class)并且您必须阻止链接上的默认设置，以便它不会尝试离开页面。

$('a').click(function(e) {
    e.preventDefault();
    $('a span').toggleClass('hide show');
});

这是一个work demo