jquery - 避免 jquery 中的多个加载函数

Question

我有一个包含 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");  
});

Answer 1

使用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() +