如何获取模态框部分的数据数据属性值？

我有模式对话框是这样的：如何获取模态框部分的数据数据属性值？

<!-- 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'赋值 - '”>'.. 。不知道，但这是你在找什么？ –

如何获取模态框部分的数据数据属性值？

回答

相关问题