如何獲取模態框部分的數據數據屬性值？

我有模式對話框是這樣的：如何獲取模態框部分的數據數據屬性值？

<!-- Modal FOR PLAYERS--> 
<div class="modal fade" id="Info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h3 class="modal-title" id="myModalLabel">Player profile for</h3> 
     </div> 
     <div class="modal-body info-player"> 
     <div class="row"> 

      <div class="col-md-6 col-sm-6 col-xs-12"> 
       <label>GOALK IN THIS SEASON :</label> 11 
      </div> 

     </div> 
     </div>    
    </div> 
    </div> 
</div>

，我已經添加了一個SPAN元素，用戶可以點擊它來獲得相關的數據：

<span class="playerInfo" data-toggle="modal" data-target="#Info">Info</span>

，但現在我婉有一些「 data-XYZ ='VALUE'「屬性在我的SPAN元素中，我想解析我的模態框，我怎麼能這樣做？

我只知道一個jQuery的onclick處理程序的方式，但我認爲也是另一種更好的方式或你的想法？

感謝您的幫助或任何提示...

感謝

來源

2016-12-06 nbg15

你是什麼意思的「我想解析我的模式盒」？ – Dekel

@Dekel：這些跨度在從數據庫獲取數據動態性時進入while循環，我想向我的modalBox顯示span元素的數據屬性值，這是我之前動態創建的... – nbg15

仍然不清楚「parse **到**我的模式框「。給出一個輸入/輸出/您正在尋找最終結果的例子。 – Dekel

您可以使用引導shown.bs.modal事件

時盡顯模式發生（後 CSS過渡有完成）

$('#Info').on('shown.bs.modal', function() { 
    $(".playerInfo").data("xyz"); //value 

    // use the above data however you want 
})

HTML：

<span class="playerInfo" data-xyz="value" data-toggle="modal" data-target="#Info">Info</span>

來源

2016-12-06 14:39:49

哇！我知道bootstrap提供了這麼棒的東西！作品真的很不錯！ Thx – nbg15

最後一個問題：當我做這樣的事情時：」> - >它顯示php的輸出內容到我的網站，但我只想填充我的跨度元素的data-playerinfo值，但沒有在網站上顯示......我怎麼能做到這一點？我從數據庫中獲取這些數據......謝謝！ – nbg15

如果您不希望任何文本值到''元素。然後把它留空並且只給'data-playername'賦值 - '」>'.. 。不知道，但這是你在找什麼？ –

如何獲取模態框部分的數據數據屬性值？

回答

相關問題