获取bootstrap模态框点击的对应项(e.relatedTarget.dataset)

//获取绑定的自定义属性值
<ul>
                            <li data-toggle="modal" data-index="电表1111" data-target="#myModal">电表1111</li>
                            <li data-toggle="modal" data-index="电表2222" data-target="#myModal">电表2222</li>
                            <li data-toggle="modal" data-index="电表3333" data-target="#myModal">电表333</li>
                            <li data-toggle="modal" data-index="电表4444" data-target="#myModal">电表4444</li>
                            <li data-toggle="modal" data-index="电表5555" data-target="#myModal">电表555</li>
                            <li data-toggle="modal" data-index="电表6666" data-target="#myModal">电表666</li>
                        </ul>

 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <div class="title-sky">电表</div>
                    <div>2019-07-18 10:43</div>
                    <div class="modelOne">
                        <div class="modelOne-info">
                            <div>功率: <span>100</span> </div>
                            <div>状态: <span>正常</span> </div>
                            <div>用电量: <span>100</span> </div>
                            <div>编号: <span>MAC123123</span> </div>
                        </div>
                        <div class="modelOne-address">
                            <span style="display:inline-block;width:13px;height:13px;border-radius:50%;background:#5896F7;position: relative;top: 1px;"></span>
                            中电科智慧产业园8号楼二楼
                            <span class="showmyChart" style="float:right;color:#5896F7;cursor: pointer;">历史数据 <span class="glyphicon glyphicon-triangle-bottom"></span> </span>
                        </div>
                        <div style="width:100%">
                            <div id="myChart_one" class="myChart_one_show" style="width:300px;height:150px"></div>
                        </div>
                    </div>
                </div>
            </div>

//重点:e.relatedTarget.dataset

$('#myModal').on('show.bs.modal', function (e) {
                console.log(e)
                console.log(e.relatedTarget.dataset.index)
                $('.title-sky').html(e.relatedTarget.dataset.index)
            })

 

转载于:https://www.cnblogs.com/520BigBear/p/11327593.html