如何在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
});