Question

我想知道如何在jquery中获取按钮data-title（prbModalExt2.html）的值并将其插入到变量URL中。

目前，使用值prbModalExt1.html创建变量URL。

<div class="container ">
    <div class="jumbotron"><a class="btn btn-primary" data-toggle="modal" href="#myModal" id="modellink" data-title="prbModalExt2.html">Show Modal</a></div>
    <div class="modal-container"></div>
</div>


<script type="text/javascript">
    $(document).ready(function () {
        var url = 'prbModalExt1.html';
        jQuery('#modellink').click(function (e) {
            $('.modal-container').load(url, function (result) {
                $('#myModal').modal({ show: true });
            });
        });
    });
</script>

Answer 1

你可以获得这样的价值

 var value = $('#modallink').data('title')

然后您可以根据您的要求通过连接添加网址。像

var url = 'prbModalExt1.html/'+value; or 
var url = 'prbModalExt1.html/?'+"title="+value;

Answer 2

您可以使用jQuery中的.data()函数

{{1}}

可以找到有关{{1}}的更多信息here

Answer 3

获取数据标题对您有所帮助

$(function(){
 $('#modallink').click(function(){
     // .....   
      alert($('#modallink').data('title'))
 })
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="modallink" data-title="Click Me" value="Click Here"/>

Answer 4

您可以使用类捕获您的锚标记，并且可以使用数据来捕获您的值。

$("a.btn-primary").on("click", function() {
  alert($(this).data('title'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container ">
  <div class="jumbotron"><a class="btn btn-primary" data-toggle="modal" href="#myModal" id="modellink" data-title="prbModalExt2.html">Show Modal</a></div>
  <div class="modal-container"></div>
</div>

如何在jQuery中获取按钮数据标题值？

4 个答案: