單擊按鈕時Javascript顯示div

Question

我意識到這是一個常見的問題，我已經搜索了解決方案以及我嘗試使用的解決方案（它在jsfiddle中有效），但是當我嘗試在我的網站中使用它時，它將無法正常工作。 我試圖在單擊按鈕時顯示div。 難道我做錯了什么？ javascript可能有問題嗎？ 還是我需要包括一個jQuery js文件？ 感謝您的幫助。

這是我要使用的代碼：

<script type="text/javascript">
  $("#seeAnswer").click(function() {
    $('#subtext').html($(this).next().html());
  });
</script>

我正在嘗試與此一起使用：

<div class="back_button">
  <button id="seeAnswer">See Answer</button>
</div>
<span>
  <?php 
    /*  foreach($row2 as $ans) {
           $answer = $ans['answer'];
            }
   echo $answer;
   echo "hi";
  */
?>

    <?php foreach ($row2 as $ans) : ?>
        <p><?php htmlspecialchars($ans['answer']) ?></p>
    <?php endforeach ?>
      <p>hi there</p>
</span>

<div id="subtext">
</div>

Answer 1

在.next() .parent()之后使用.parent() ，因為您是指按鈕后的下一個元素...但是沒有元素...所以您需要父元素的next() 。

編輯：根據有關<HEAD>新信息，您在整個dom准備就緒之前正在執行代碼...因此，您實際上是在將代碼應用於任何內容。 您需要等待DOM准備就緒。 像這樣

$('docment').ready(function() {
    $("#seeAnswer").click(function () {
        $('#subtext').html($(this).parent().next().html());
    });
});

小提琴

單擊按鈕時Javascript顯示div

問題描述

1 個解決方案

解決方案1
1 已采納 2014-04-04 02:06:10

單擊按鈕時Javascript顯示div

問題描述

1 個解決方案

解決方案1 1 已采納 2014-04-04 02:06:10

解決方案1
1 已采納 2014-04-04 02:06:10