Javascript 从长写更改为jQuery循环

我是jquery新手，我想这样做

以下是Html代码：

        <div class="content-holder">
        <a href="#" class="expand-content-link2">ジパングカジノ</a>
        <div class="hidden-content2">
            <div style="width:100%">
                <div style="width:20% ; float:left;height: 100px;"><img src="http://54.248.103.159/minnano-casino/wp-content/uploads/2015/10/cropped-download2.jpg"></div>
                <div style="width:75%; float: right; height: 100px;">
                    <ul>
                        <li>ジパングカジノ</li>
                        <li>対応端末：<a class="button0" href="#">日本語</a>
                        <a class="button1" href="#">PC</a>
                        <a class="button2" href="#">Smartphone </a></li>
                        <li><a href="http://www.zipangcasino.com/jp ">URL：http://www.zipangcasino.com/jp</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

这是完美的工作方式，但我认为你会用另一种方式来做，而不会像那样太久

---

有人知道吗？

你可以使用.nestest（）和.find（）

或者您可以使用.next（）

jQuery("[class^='expand-content-link']").click(function() {
     jQuery(this).next().toggle();
     return false;
}); 

附加：如果您需要阅读

---

您可以使用.closest（）和.find（）

或者您可以使用.next（）

jQuery("[class^='expand-content-link']").click(function() {
     jQuery(this).next().toggle();
     return false;
}); 

附加：如果您需要阅读

---

我喜欢@Tushar在评论中给出的答案：

$('.content-holder > a').on('click', function(e) {
    $(this).next('div').toggle();
    e.preventDefault();
});

$（'.content holder>a'）。在（'click'，函数（e）上{
$（this.next（'div'）.toggle（）；
e、 预防默认值（）；
});


ジパングカジノ
対応端末：




ジパングカジノ
対応端末：



我喜欢@Tushar在评论中给出的答案：

$('.content-holder > a').on('click', function(e) {
    $(this).next('div').toggle();
    e.preventDefault();
});


$（'.content holder>a'）。在（'click'，函数（e）上{
$（this.next（'div'）.toggle（）；
e、 预防默认值（）；
});


ジパングカジノ
対応端末：




ジパングカジノ
対応端末：



provide html related如果您可以添加相应的html，优化代码将很有帮助。
$（'.content holder a'）。on（'click'，function（e）{$（this）.next（）.toggle（）；e.preventDefault（）；}）提供html相关内容如果您可以添加相应的html，优化代码将很有帮助使用
$（'.content holder a'）。on（'click'，function（e）{$（this）.next（）.toggle（）；e.preventDefault（）；}）@Tushar我删除了它。。但我要说的是，我以前也像以前一样使用它来确保选择器是正确的选择器，或者当您不确定HTML结构时，可以将选择器传递到
next
。这里，OP显示了HTML，所以不需要它。请注意，如果
a
元素碰巧有多个类，例如
。
@APov my answer、Peter answer和Tushar code in comment，则属性选择器
[class^=..]
可能会失败。。所有这些都适用于你的情况。。因此，请阅读彼得之前的评论旁边的所有内容。。我想他们会对你有帮助：）@Tushar我把它拿走了。。但我要说的是，我以前也像以前一样使用它来确保选择器是正确的选择器，或者当您不确定HTML结构时，可以将选择器传递到
next
。这里，OP显示了HTML，所以不需要它。请注意，如果
a
元素碰巧有多个类，例如
。
@APov my answer、Peter answer和Tushar code in comment，则属性选择器
[class^=..]
可能会失败。。所有这些都适用于你的情况。。因此，请阅读彼得之前的评论旁边的所有内容。。我想他们会对你有帮助：）