hrefを取得できません。JQueryを使用する属性

Question

以下は私のPHPコードです。画像や商品をクリックすると、3つの画像が表示されます。その商品をポップアップモーダルに追加する必要があります。私は製品名を取得しようとしていますが、できません。この問題を解決する方法。

<?php 
    $i = 0; 
    while ($row = mysql_fetch_assoc($result)) 
    { 
     echo"<td style='background-color:#FFFFFF;' height='383'> 
       <a href='#myModal?productname={$row["productname"]} 'id='burl' role='button' data-productname='{$row["productname"]}' data-toggle='modal' data-target='#myModal'> 
        <img src='images/{$row["productname"]}.jpg' width='255'/> 
       </a> 
      </td>"; 
    } 
    mysql_free_result($result); 
?> 

jQueryの符号化法：

$(document).ready(function() { 
    $('#myModal').on('shown.bs.modal', function() { 
     console.log($(this).data('productname')); 
    }) 
}) 

Answer 1

$(document).ready(function() 
{ 
      $('#myPopup').on('show.bs.modal', function (e) 
{ 
       var rowid = $(e.relatedTarget).data('productname'); 
       alert(rowid); 
       $.ajax(
{ 
        type: 'GET', 
        url: 'fetch_data.php', //Here you will fetch records 
        data: 'productname=' + rowid, //Pass $id 
        success: function (data) 
{ 
         $('.fetched-data').html(data);//Show fetched data from database      
        } 
       }); 
      }); 
     }); 

This coding solved my problem. 
Thanks for all your reply. 

Answer 2

$(this)モーダルイベント中にあなたクリックした要素のインスタンスではなく、モーダルそのもの。あなたはそのようrelatedTargetを使用する必要があります。

$(document).ready(function() { 
    $('#myModal').on('shown.bs.modal', function (e) { 
              // ^--- Add here 
     var 
     relatedData = $(e.relatedTarget), 
     productname = relatedData.data('productname'); 

     console.log(productname); 
    }) 
})