我有一个包含 50 项的 ul。有没有办法可以不用写下面的50个?
$(function(){
$("#nav_a").on("click", function(){
$("#main_text").load("pageA.html #main_text");
});
$("#nav_b").on("click", function(){
$("#main_text").load("pageB.html #main_text");
});
$("#nav_c").on("click", function(){
$("#main_text").load("pageC.html #main_text");
});
最佳答案
使用starts-with
选择器^=
和id
上的split
来获取字母:-
$(function() {
$('[id^="nav_"]').on("click", function() {
var letter = this.id.split('_')[1];
$("#main_text").load("page" + letter + ".html #main_text");
});
});
如果你想保留大写,那么+ letter.toUpperCase() +
关于jquery - 避免 jquery 中的多个加载函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37012200/