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

Question

I have divs within multiple jQuery dialogs. I want to execute a function on opening the jQuery dialog. For that I need to acquire the div's data-id. The divs are named dynamically. When I get the data-id, I need to execute the network+data-id.fit() function.

The dialog looks sth. like this:

<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>

The dialog options:

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

Answer 1

You can use the jQuery .find() function on your .info selector to detect which element has a data-id attribute : $('.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
});