JavaScript 中的动态类选择

dynamic class select in javascript

本文关键字：选择 动态 JavaScript      更新时间：2023-09-26

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

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

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

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

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

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

类用

.表示，id用#

表示

更新

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

在一行中

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

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

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 中查找一次元素

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

   $("#"+Class_id).empty();
   $("#"+Class_id).append( renderedPage );
相关文章：