如何在jQuery对话框中获取div的data-id？

Question

我在多个jQuery对话框中都有div。 我想在打开jQuery对话框时执行一个函数。 为此，我需要获取div的数据ID。 div是动态命名的。 当我获得数据ID时，我需要执行network + data-id.fit（）函数。

该对话框看起来很……。 像这样：

<div class = "ui-dialog-titlebar ..."></div>
<div class = "info ui-dialog-content ...">
   <p>..</p>
   <div data-id = "'identifier'">
      <div class = "vis-network"></div>
   </div>
</div>

对话框选项：

$( ".info" ).dialog({
  autoOpen: false,
  open: function() {
    var networkDataId = $(this).data('id');
    console.log(networkDataId);
    network.fit();
    },
  height: 600,
  width: 1000
});

Answer 1

您可以在.info选择器上使用jQuery .find()函数来检测哪个元素具有data-id属性： $('.info').find('[data-id]').data('id');

$( ".info" ).dialog({
  autoOpen: false,
  open: function() {
    var networkDataId = $('.info').find('[data-id]').data('id');
    console.log(networkDataId);
    network.fit();
    },
  height: 600,
  width: 1000
});