jquery - jquery 继续选择相同的 iframe

Question

我有一些使用 jquery 创建的 iframe，每个 iframe 都有一个选择按钮，但是当我单击该 iframe 中的按钮时，我不断获得第一个 iframe。

 $("<iframe />" , {
    src: strTest,
    id: "myframe",
    width: '100%'       

}).appendTo('.content');
$("<button/>", {

  id: "button"
})
.text("Select Patient")    
.click(function () {     
  $("#myframe").attr("Height", "125%").addClass("selectedIframe");        
  var isVisible = $("selectedIframe").is(":visible");      

}).appendTo('.content');  

$(".selectedIframe").parent().show();

有人可以帮帮我吗？谢谢

Answer 1

你需要想出自己的方式在“myframe”旁边添加一个独特的特征，或者你可以给我一些关于你如何想出 iframe 的信息，也许我可以提供更多帮助

    // this will generate 10 iframes
    var numberOfIframes = 10;
    for (var i = 0; i < numberOfIframes; i++) {

        // iframe
        $("<iframe />", {
            src: strTest,
            id: "myframe" + i,
            width: '100%'
        }).appendTo('.content');

        // button
        $("<button/>", {

            id: "button"
        })
        .text("Select Patient")
        .click(function () {
            $("#myframe" + i).attr("Height", "125%").addClass("selectedIframe");
            var isVisible = $("selectedIframe").is(":visible");
        }).appendTo('.content');
    }

    // not sure what you are trying to achieve with this
    // as it will only execute once when the page loads
    $(".selectedIframe").parent().show();