javascript - javascript中的动态类选择

Question

我想使用把手在 jquery 中编写一个函数。html的名称和必须附加的类将动态传递。

基本上我需要这样的东西：

var pageTemplate="";
function addTempl(){
var renderedPage = pageTemplate(pageName);
    $("#Class_id").empty();
    $("#Class_id").append( renderedPage );
}

这个 Class_name 和 pageName 将从另一个调用它的主函数动态传递给这个函数。

问题是我可以传递 pageName，因为它是 javascript 的东西，但如何为 Class_name 做同样的事情。因为如果我附加 '#' 和 "" 它就不会出现。

如果我的问题仍然不清楚，请告诉我。

Answer 1

如果我理解正确，您想使用基于传递参数的动态选择器。您可以执行以下操作：

function doSomething(className) {
  var selector =  "#" + className; // # for id, . for class
  $(selector).empty();
  $(selector).append(something);
}

优化后的版本是：

function doSomething(className) {
  var x =  $("#" + className); // # for id, . for class
  x.empty();
  x.append(something);
}

优化 = 您只在 DOM 中查找元素一次

Answer 2

class 表示为.id 表示为#

更新

$("#"+Class_id).empty();
$("#"+Class_id).append( renderedPage );

在一行中

 $("#"+Class_id).empty().append( renderedPage );

Answer 3

试试这个为了选择类使用点.

   $("#"+Class_id).empty();
   $("#"+Class_id).append( renderedPage );