jQuery与$（this.next）或$（this.parent）的两难境地

使用：

与：

无名小卒

A没有人住在美国的任何地方。请阅读更多

想知道谁才是真正的无名小卒？我们也是

无名小卒

A没有人住在美国的任何地方。请阅读更多

想知道谁才是真正的无名小卒？我们也是

单击任何

a class=“toggle”

时，所有

p class=“extra_text”

滑动切换。如何将每个连续的

a class=“toggle”

绑定到它自己的

p class=“extra_text”

---

我看到过使用

$（this.next

或

$（this.parent

）的其他答案，但是它们失败了，因为在

p class=“extra_text”

之前还有另一个p。我如何才能最好地选择正确、连续的

a class=“toggle”

/

p class=“extra\u text”

组合，而不使用我的Jquery触发所有的组合？

你想要

$（this.parent（）.next（）
你想要
$（this.parent（）.next（）
正如SLaks指出的
$（this.parent（）.next（））
是您需要的，但您的文本函数将更改每个类，请执行以下操作：

<div class="bios">      
  <p><strong>A Nobody</strong></p>
  <p>A Nobody live in Anywhere, USA.<a class="toggle hide">Read More . . .</a></p>
  <p class="extra_text">Wonder who A Nobody really is?  Well, we do too!</p>    

  <p><strong>A Nobody</strong></p>
  <p>A Nobody live in Anywhere, USA.<a class="toggle hide">Read More . . .</a></p>
  <p class="extra_text">Wonder who A Nobody really is?  Well, we do too!</p>    
 </div><!--/bios-->     

小提琴演示：

编辑

我通常不会走这么远来解释一些东西是如何工作的，但在这种情况下，图片比文字更响亮，我怀着一种慷慨的心情创建了一个小图表，说明为什么代码不工作，而这种方式是这样的

解释图

正如SLaks指出的那样，
$（this）.parent（）.next（）
是您需要的，但是您的文本函数将更改每个类，请执行以下操作：

<div class="bios">      
  <p><strong>A Nobody</strong></p>
  <p>A Nobody live in Anywhere, USA.<a class="toggle hide">Read More . . .</a></p>
  <p class="extra_text">Wonder who A Nobody really is?  Well, we do too!</p>    

  <p><strong>A Nobody</strong></p>
  <p>A Nobody live in Anywhere, USA.<a class="toggle hide">Read More . . .</a></p>
  <p class="extra_text">Wonder who A Nobody really is?  Well, we do too!</p>    
 </div><!--/bios-->     

小提琴演示：

编辑

我通常不会走这么远来解释一些东西是如何工作的，但在这种情况下，图片比文字更响亮，我怀着一种慷慨的心情创建了一个小图表，说明为什么代码不工作，而这种方式是这样的

解释图

只有一个问题：你为什么辞职？我真的没有耐心处理温和的问题；我更喜欢花时间回答问题。只有一个问题：你为什么辞职？我真的没有耐心处理温和的问题；我更愿意花时间回答问题。我可能错过了一个关键点，但是这个脚本中的p.extra_测试发生了什么？Does.parent=p.extra\u测试？我已经在我的工作中添加了上述内容，但没有乐趣。不，下一个（）方法是那个元素，parent（）是p元素，带有显示的文本和带有链接的元素。所以一个元素的父元素是它所在的p元素，p之后的下一个元素是额外的文本p。杰夫：嗯，我感觉像是犯罪现场的Arlo Guthrie，来自“Alices's Restaurant”-8x10的带有箭头和所有。不能再要求了。当然，一旦解释清楚了，就很简单了。感恩节请客，谢谢你的慷慨和小提琴的例子。还有一个基本问题：当我在页面中留下js时，一切都很好，但是当我创建一个包含代码的.js文件并从另一个文件“源代码”时，.hide（）函数失败。键盘病毒（me）或怪癖？如果它在页面上有效，但在js文件中无效，则1。在js文件或2中包含标记。您需要在jquery库之前包含js文件，然后再添加。也是三,。我的代码中没有隐藏部分，以防您逐字复制它；如果您希望在加载时隐藏元素，那么不应该使用Javascript这样做。您应该为它创建一个css样式
hide{display:none；}
I可能缺少一个关键点，但是这个脚本中的p.extra_测试发生了什么？Does.parent=p.extra\u测试？我已经在我的工作中添加了上述内容，但没有乐趣。不，下一个（）方法是那个元素，parent（）是p元素，带有显示的文本和带有链接的元素。所以一个元素的父元素是它所在的p元素，p之后的下一个元素是额外的文本p。杰夫：嗯，我感觉像是犯罪现场的Arlo Guthrie，来自“Alices's Restaurant”-8x10的带有箭头和所有。不能再要求了。当然，一旦解释清楚了，就很简单了。感恩节请客，谢谢你的慷慨和小提琴的例子。还有一个基本问题：当我在页面中留下js时，一切都很好，但是当我创建一个包含代码的.js文件并从另一个文件“源代码”时，.hide（）函数失败。键盘病毒（me）或怪癖？如果它在页面上有效，但在js文件中无效，则1。在js文件或2中包含标记。您需要在jquery库之前包含js文件，然后再添加。也是三,。我的代码中没有隐藏部分，以防您逐字复制它；如果您希望在加载时隐藏元素，那么不应该使用Javascript这样做。您应该为它创建一个css样式
hide{display:none；}
$('a.toggle').click(function() {
    var link = this;

    $(this).parent().next().slideToggle("slow", function() {
        $(link).text(function(index, text) {
            return (text == 'Read More . . .' ? 'Read Less . . .' : 'Read More . . .');
        });
    });
    return false;
});