如何自定义jQuery中的行号？

如何自定义jQuery中的行号？

实际上，点击事件特定的引导转盘图像必须显示在下面的部分/div上，并突出显示数据幻灯片点。提前谢谢

我得到了结果，但我觉得下面的jQuery可以定制。有什么可以帮助或建议如何

$("#usaGrown-slide").click(function () {
    "use strict";
    //alert("Handler");
    $("#usaGrown-slide1").addClass('active');
    $("#spinning-slide1").removeClass('active');
    $("#knitting-slide1").removeClass('active');
    $("#dyeing-slide1").removeClass('active');
    $("#cutsew-slide1").removeClass('active');
    $("#embellishing-slide1").removeClass('active');
    $("#packaging-slide1").removeClass('active');
    $("#distribution-slide1").removeClass('active');
});
$("#spinning-slide").click(function () {
    "use strict";
    $("#usaGrown-slide1").removeClass('active');
    $("#spinning-slide1").addClass('active');
    $("#knitting-slide1").removeClass('active');
    $("#dyeing-slide1").removeClass('active');
    $("#cutsew-slide1").removeClass('active');
    $("#embellishing-slide1").removeClass('active');
    $("#packaging-slide1").removeClass('active');
    $("#distribution-slide1").removeClass('active');
});
$("#knitting-slide").click(function () {
    "use strict";
    $("#usaGrown-slide1").removeClass('active');
    $("#spinning-slide1").removeClass('active');
    $("#knitting-slide1").addClass('active');
    $("#dyeing-slide1").removeClass('active');
    $("#cutsew-slide1").removeClass('active');
    $("#embellishing-slide1").removeClass('active');
    $("#packaging-slide1").removeClass('active');
    $("#distribution-slide1").removeClass('active');
});
$("#dyeing-slide").click(function () {
    "use strict";
    $("#usaGrown-slide1").removeClass('active');
    $("#spinning-slide1").removeClass('active');
    $("#knitting-slide1").removeClass('active');
    $("#dyeing-slide1").addClass('active');
    $("#cutsew-slide1").removeClass('active');
    $("#embellishing-slide1").removeClass('active');
    $("#packaging-slide1").removeClass('active');
    $("#distribution-slide1").removeClass('active');
});
$("#cutsew-slide").click(function () {
    "use strict";
    $("#usaGrown-slide1").removeClass('active');
    $("#spinning-slide1").removeClass('active');
    $("#knitting-slide1").removeClass('active');
    $("#dyeing-slide1").removeClass('active');
    $("#cutsew-slide1").addClass('active');
    $("#embellishing-slide1").removeClass('active');
    $("#packaging-slide1").removeClass('active');
    $("#distribution-slide1").removeClass('active');
});
$("#embellishing-slide").click(function () {
    "use strict";
    $("#usaGrown-slide1").removeClass('active');
    $("#spinning-slide1").removeClass('active');
    $("#knitting-slide1").removeClass('active');
    $("#dyeing-slide1").removeClass('active');
    $("#cutsew-slide1").removeClass('active');
    $("#embellishing-slide1").addClass('active');
    $("#packaging-slide1").removeClass('active');
    $("#distribution-slide1").removeClass('active');
});
$("#packaging-slide").click(function () {
    "use strict";
    $("#usaGrown-slide1").removeClass('active');
    $("#spinning-slide1").removeClass('active');
    $("#knitting-slide1").removeClass('active');
    $("#dyeing-slide1").removeClass('active');
    $("#cutsew-slide1").removeClass('active');
    $("#embellishing-slide1").removeClass('active');
    $("#packaging-slide1").addClass('active');
    $("#distribution-slide1").removeClass('active');
});
$("#distribution-slide").click(function () {
    "use strict";
    $("#usaGrown-slide1").removeClass('active');
    $("#spinning-slide1").removeClass('active');
    $("#knitting-slide1").removeClass('active');
    $("#dyeing-slide1").removeClass('active');
    $("#cutsew-slide1").removeClass('active');
    $("#embellishing-slide1").removeClass('active');
    $("#packaging-slide1").removeClass('active');
    $("#distribution-slide1").addClass('active');
});

---

无需为多个Jquery Id选择器编写相同的代码块。你可以用逗号分隔符这样做

  $("#usaGrown-slide,#spinning-slide,#dyeing-slide,#cutsew-slide").click(function () {
      $("#usaGrown-slide1,#spinning-slide1,#dyeing-slide1,#cutsew-slide1").removeClass('active');
      $(this+'1').addClass('active');
  });

---

什么是“没有线”lol男：）？顺便说一句，我喜欢你的代码有多干1）我们需要查看你的HTML来帮助你有效地2）你应该研究干的原则