Question

我正在处理模态，我想在模态体中获取data-id的值，但我无法获取该值。

下面是我的HTML代码：

<a  class="pdfId btn btn-success" data-id='+arrayData[j].value+'  data-toggle="modal" data-target="#myModal">Poland</a>
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Select Language</h4>
        </div>
        <div class="modal-body">
         <a  class="pdfId1 btn btn-success"   href="<?php echo base_url()?>responsible/poland_pdf/'+arrayData[j].value+'">ENGLISH</a>

        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
</div>

我使用下面的脚本在控制台上的模态体中获取数据ID它显示我的完美ID但我不知道如何将该变量放在我的href标签中。如果我把myBookId放在href中，它会给我一个未定义的错误。

 $(document).on("click", ".pdfId", function () 
  {
   var myBookId = $(this).data('data-id');
   console.log(myBookId);
   $(".modal-body .pdfId1").val(myBookId);

  });

Answer 1

＆＃13;

$('a').click(function(){
	alert(  $(this).attr('data-id')  );
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


<a  class="pdfId btn btn-success" data-id="test1"  data-toggle="modal" data-target="#myModal">Poland</a></br>
<a  class="pdfId btn btn-success" data-id="test2"  data-toggle="modal" data-target="#myModal">Poland2</a></br>
<a  class="pdfId btn btn-success" data-id="test3"  data-toggle="modal" data-target="#myModal">Poland3</a></br>
<a  class="pdfId btn btn-success" data-id="test4"  data-toggle="modal" data-target="#myModal">Poland4</a></br>
<a  class="pdfId btn btn-success" data-id="test5"  data-toggle="modal" data-target="#myModal">Poland5</a></br>

＆＃13;

Answer 2

致电data-时，您不需要.data(...)前缀。

只需使用.data('id')。

var myBookId = $(this).data( 'id' );

如何使用href在模态中获取data-id？

2 个答案: