Javascript 如何针对父对象的单个实例'；s兄弟姐妹'；谁是Jquery的孩子？

我有许多使用相同类的动态（php）创建的文章。我想单击一个按钮，以锁定父母兄弟姐妹的孩子。就是这样的例子。我的当前代码正在工作，但它在所有文章上显示/隐藏“.descriptionText”div

我怎样才能将这个类的实例作为我所单击的文章的一部分呢

所有代码如下，但主线如下：

$(this).closest(".resultImageContainer")
    .siblings(".descriptionTextContainer")
    .children('.descriptionText')
    .toggle("fold", 100, "linear");

我试过这些问题的答案：&

我的HTML：

<div class="resultImageContainer">
    <div class="resultImage">
        {!! HTML::image('images/gd.jpg') !!} 
    </div>

    <!-- This is the button below: -->
    <i class="fa fa-plus-square showMoreDetails"></i>
</div>
<div class="daytypeContainer">
    <ul id="dayIcons">
        <li>
            <div class="dayCircle">    
                <span>M</span>
            </div>
        </li>
        <li>
            <div class="dayCircle">
                <span>T</span>
            </div>
        </li>
    </ul>
</div>
<div class="descriptionTextContainer">
    <!-- This 'descriptionText' is the div I want to show/hide. -->
    <div class="descriptionText">
        <p>Cheesecake jujubes topping wafer donut tart sweet fruitcake.Dessert carrot cake sugar plum marzipan chocolate cotton candy marzipan danish. Cake jelly apple pie brownie pie ice cream.</p>
    </div>
    <div class="deetsContainer">
        <div class="otherInfoContainer">
            <ul id="otherInfoIcons">
                <li>
                    <i class="fa fa-phone"></i>
                    <p>022132032</p>
                </li>
                <li>
                    <i class="fa fa-envelope-o"></i>
            </ul>
        </div>
        <div class="addressContainer">
            <p class="streetText">43 Ponsonby Rd</p>
            <p class="cityText">AUCKLAND</p> 
        </div>
    </div>  
</div>

---

这可能就是您正在寻找的：

$(this).parent()
    .nextAll(".descriptionTextContainer")
    .first()
    .children('.descriptionText')
    .toggle("fold", 100, "linear");

除非按钮的位置是动态的，否则此时可能需要再次使用.closest（）。也就是说，如果您可以控制标记，那么有很多方法可以让您的生活更轻松

---

.nextAll（）.first（）并不是世界上最糟糕的东西（），但它仍然是肮脏的，因为您的标记有点奇怪。

您可以将整个代码发布到您的端吗？回答如下。干杯

$(this).parent()
    .nextAll(".descriptionTextContainer")
    .first()
    .children('.descriptionText')
    .toggle("fold", 100, "linear");