如何在弹出模式中仅显示来自外部html文件的一个div ID？

Question

I have some content on an external html file that I am displaying in a popup modal using jQuery Modal . I am able to display the whole page fine, but I would like to only show one div at a time depending on which link is clicked.

The content on the external page looks like this:

<div class="review" id="one">This is review #1</div>
<div class="review" id="two">This is review #2</div>
<div class="review" id="three">This is review #3</div>

The links on the main page are coded like:

<a class="link" href="external.html" data-target="#two" rel="modal:open">Read review</a>

Then I have some Javascript that I thought would allow it to only show the selected div id depending on which link is clicked:

$(document).ready(function() {
  $('.link').on('click', function() {
    var target = $(this).data('target');

    $('.review').not(target).hide();
    $(target).show();
  });
});

This shows all the content from the external html and not just one selected div.

Is there a way to show only one div id from an external html loaded into a modal?

Update: I have attempted to implement Bhojendra's solution below, but am now getting the error:

"TypeError: null is not an object (evaluating 'this.$blocker.fadeOut')"

The link to view the code: https://drive.google.com/open?id=1n61Buty8oexE369jdxCi4lZ9M9wj2SaP

Answer 1

From the documentation example that you linked, you can do like:

$('.link').click(function(event) {
  event.preventDefault();
  target = $(this).data('target');
  $.get(this.href, function(html) {
    $(html).find(target).appendTo('body').modal();
  });
});

A better to have modal content wrapper in your body:

<div id="modal-content"></div>

Now, in jQuery, use this:

$('#modal-content').html($(content).find(target)).modal()
// html parameter renamed ^^ to content

I meant to use:

$('.link').click(function(event) {
  event.preventDefault();
  target = $(this).data('target');
  $.get(this.href, function(content) {
    $('#modal-content').html($(content).find(target)).modal()
  });
});