在变量中使用ID显示另一个html文件的一部分

我是一个初学者，所以这可能是一个有趣的问题。我正在为我的作品集网站建立一个小画廊。我想要得到的是：点击具有特定ID的div后，我想使用该ID来获取具有相同ID的另一个HTML文件的一部分并将其放在屏幕上。就像一个弹出式窗口。这里是我创建的一些代码，只是为了测试我点击了什么ID。在变量中使用ID显示另一个html文件的一部分

$('.project').click(function(){ 
    var clickedID = this.id; 
    $('.wrapper').load('galery.html ', function(){ 
     ... 
    }); 
    alert(clickedID);} 
);

我希望得到任何帮助:)

来源

2016-09-15 Łukasz Sztukowski

'ids'是唯一的，所以当你得到一个具有相同'id'的元素时，你的html将会失效。 – eisbehr

正如@esibehr所说，id是唯一的。你可能想要使用'data'属性。 –

但我可以将信息存储在变量中吗？因为当我把它放在一个变量中时，它是一个字符串吧？那可以用来搜索另一个html？ –

您更改代码

$('.project').click(function(){ 
var clickedID = this.id; 
$('.wrapper').load('galery.html ', function(){ 
    alert(clickedID); 
    }); 
});

来源

2016-09-15 09:24:08

你能做到这一点

$('.project').click(function(){ 
var clickedID = this.id; 
$('.wrapper').load('galery.html #' + clickedId, function(){}); 
})

这将解析galery.html找到clickedId并将插入.wrapper

来源

2016-09-15 09:28:05

在变量中使用ID显示另一个html文件的一部分

回答

相关问题