使用jQuery切换文本而不切换所有其他文本

好吧，很显然，我不擅长jQuery，但我知道足以知道它是如何工作的。所以，我需要的是一个简单的切换，但因为是由PHP生成的文本，我需要它只能通过翻转链接，例如下面的文字：使用jQuery切换文本而不切换所有其他文本

<a href="#">Toggle</a> 
<p class="mydesc">This text needs to be hidden until the toggle is activated.</p> 
<a href="#">Toggle</a> 
<p class="mydesc">This text needs to be hidden until the toggle is activated2.</p>

...我将有大约20多只喜欢这个。我知道我可以将.mydesc更改为一个唯一的#id，但是然后我会有大量的jQuery代码来切换每个单独的#id。什么是最简单的方法来做到这一点？

来源

2016-09-27 Marc Hoover

你想让每个''来切换下一个.mydesc p？ –

究竟是什么你切换？以及如何触发切换？你有没有写JS/jQuery来尝试这个呢？很难处理这样一个模糊的问题 – Turk

这就是我的意思，但这是其中的4个，而我将有25个达到50个。https://jsfiddle.net/ftvaggvk/ –

添加一个类，只是针对下一个元素

<a href="#" class="myAnchor">Toggle</a>

然后

$('.myAnchor').on('click', function() { 
    $(this).next('p').toggle(); 
});

FIDDLE

来源

2016-09-27 16:08:44 adeneo

没有工作，也许我做错了？ https://jsfiddle.net/aadc1rs9/ –

完美！谢谢！ –

尝试使用下一个（）。

$("a").on("click", function(e){ 
    e.preventDefault(); 
    $(this).next().doWhatEver(); 
});

来源

2016-09-27 16:08:50 Slico

无法让它工作，不知道我在做什么错：https：//jsfiddle.net/ym5zqtqL/ –

使用jQuery切换文本而不切换所有其他文本

回答

相关问题