我無法獲取按鈕|上的值屬性jQuery AJAX

我爲刪除按鈕創建了一個ajax腳本，並在數據庫的表上擁有基於id的數據屬性。這是HTML：我無法獲取按鈕|上的值屬性jQuery AJAX

<textarea name="komentar" id="komentar" cols="30" rows="10"></textarea><br> 
    <input type="submit" name="submit" id="submit" value="Submit"><br> 
    <br><br><hr><br> 
    <!-- Komentar akan ada di dalam sini --> 
    <div id="komentar_wrapper"> 

     <?php 
     include_once 'db.php'; 
     $query = "SELECT * FROM komentar ORDER BY id DESC"; 
     $show_comments = mysqli_query($db, $query); 
     foreach ($show_comments as $comment) { ?> 
      <p id="komentar_<?php echo $comment['id']; ?>"><?php echo $comment['komentar']; ?> 
      <!-- data-id-> data attribute, buat spesifik id mana yang mau di hapus --> 
       <button id="button_hapus" class="hapus_komentar" data-id="<?php echo $comment['id']; ?>">Delete</button> 
      </p> 
     <?php } ?> 

    </div>

而當我試圖控制數據ID，它不會顯示控制檯上的值。這是腳本：

$(".hapus_komentar").on("click", function() { 

     console.log($(this).attr("data-id")); 

});

當我點擊按鈕，它說不確定，我認爲它應該基於按鍵數據-ID

來源

2017-06-20 Budi Haryono

使用Jquery.data()打印ID。並使用事件委派，因爲您的按鈕是動態生成的。

$(document).on("click",".hapus_komentar",function() { 

     console.log($(this).data("id")); 

});

您可以使用$(this).data("id")來獲取id。

來源

2017-06-20 05:04:19

好的，謝謝老兄！ –

歡迎@BudiHaryono。請接受答案。如果它幫助你。謝謝 –

$(".hapus_komentar").on("click", function() { 

     console.log($(this).data("id")); 

});

現在使用這個。

來源

2017-06-20 05:04:54

儘管此代碼可能會回答這個問題，但提供有關如何解決問題和/或爲何解決問題的其他上下文會提高答案的長期價值。 – Badacadabra

試試這個我已經爲你準備了一個演示代碼並運行正常

<?php 

     $as = array(1,2,3,4,5,6,7); 
     foreach ($as as $comment) { ?> 
      <p id="komentar_<?php echo $comment ?>"><?php echo $comment; ?> 

       <button id="button_hapus" class="hapus_komentar" data-id="<?php echo $comment; ?>">Delete</button> 
      </p> 
     <?php 
     } 
     ?> 
     <script type="text/javascript"> 
      $(".hapus_komentar").on("click", function() { 
      alert($(this).attr("data-id")); 
      //console.log($(this).attr("data-id")); 
     }); 
     </script>

來源

2017-06-20 05:09:28

你的代碼是正確的。只需檢查HTML天氣數據id是否有價值。也許這就是你沒有得到適當價值的原因。同樣，你已經在循環中使用了這個按鈕，所以確保在單獨的按鈕上點擊，你將得到所有按鈕的數據ID。

來源

2017-06-20 05:12:34 Komal

$(document).on("click",".hapus_komentar",function() { 
    console.log($(this).attr("data-id")); 
    });

來源

2017-06-20 05:20:42

僅有代碼的答案對社區沒有用處。請解釋爲什麼你的代碼段解決了這個問題。請看[answer] – JimHawkins

下次我會照顧的 –

我無法獲取按鈕|上的值屬性jQuery AJAX

回答

相關問題