gpt4 book ai didi

javascript - 单击时显示下一个 div

转载 作者:行者123 更新时间:2023-11-28 20:18:15 25 4
gpt4 key购买 nike

假设我有以下 HTML 布局:

<div class="main">
<div class="comment">
<div class="info">
<div class="data">
<img src="image.png" class="image-click" />
</div>
</div>
</div>
<div class="open-me"></div>

<div class="comment">
<div class="info">
<div class="data">
<img src="image.png" class="image-click" />
</div>
</div>
</div>
<div class="open-me"></div>

<div class="comment">
<div class="info">
<div class="data">
<img src="image.png" class="image-click" />
</div>
</div>
</div>
<div class="open-me"></div>
</div>

... etc ...

我该如何做到这一点,以便如果您单击 comment 类之一中的图像,它会在 next open-me 类?

这是我到目前为止所拥有的:

$(document).ready(function() {
$(document).on("click", ".image-click", function() {
$.ajax({
url: 'show_html.php',
type: "POST",
success: function() {
$(this).find(".open-me").html(); /* this is where I'm stuck */
}
});
});
});

最佳答案

AJAX 成功方法中的

this 不再引用单击的元素。为此,我们可以设置一个上下文变量 this:

$(document).on("click", ".image-click", function() {
var self = $(this);
$.ajax({
url: 'show_html.php',
type: "POST",
success: function(data) {
self.parents(".comment").next(".open-me").html(data);
}
});
});

关于javascript - 单击时显示下一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18834031/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com