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

Question

我在多个jQuery对话框中有div。我想在打开jQuery对话框时执行一个函数。为此，我需要获取div的数据ID。 div是动态命名的。当我获得data-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
});