【问题标题】:Hide only click div from echoed php仅从回显的 php 中隐藏单击 div
【发布时间】:2017-02-27 16:30:32
【问题描述】:

在问这个之前,我已经检查了here

我对@9​​87654322@ 和JavaScript 很陌生。但这里的问题是我echo 来自我的数据库的结果,下面是divs 示例。

echo "<div class="togBtn"><div class="result">$results</div></div>";

html 的输出类似于

<div class="togBtn"><div class="result">firstresult</div></div>
<div class="togBtn"><div class="result">secondresult</div></div>

但我随后写了一个JavaScript,当.togBtnclick 时切换.result

$(document).ready(function() {
    $(".togBtn").click(function() {
        $(".result").slideToggle();
    });
});

但问题是当我click.togBtn 时,带有firstresult 和secondresult 的div 都是toggled。我的问题是,当我click.togBtn 时,是否有可能只切换div 结果而不是切换echoed 结果。我错误地呼应了结果,从而导致了问题。任何建议都可以。提前致谢。

【问题讨论】:

  • 那是因为你有很多类叫ad_user_info你不够具体
  • 我知道这是原因,但我不能编写多个类,因为我是从数据库中获取数据的。有没有一种方法可以让我点击并且只有那个切换?
  • 你有没有试过给特定的div分配一个ID并调用它。
  • 我将我的php 结果与divs 相呼应。数据量可以改变。我不认为将id 分配给每个div 是最好的解决方案,但感谢@jmag 的帮助
  • 我们不可能为您提供解决方案,因为我们不知道制作此页面所涉及的其余代码!

标签: javascript php jquery echo


【解决方案1】:

答案是使用jQuery .next() .prev()$(this)

$('.togBtn').click(function() {
    $(this).next().slideToggle();
}); 

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-05-21
    • 1970-01-01
    • 2023-03-15
    • 2021-06-14
    • 2013-04-18
    • 1970-01-01
    • 1970-01-01
    • 2017-07-22
    相关资源
    最近更新 更多