添加图像到动态className jQuery

prepend image to dynamic className jQuery

本文关键字:className jQuery 动态 图像 添加      更新时间:2023-09-26

我试图在jquery中使用其className为div添加图像

function someFn(obj)
{
    var dynaClass = $(obj).prop("className");

这是给我的类名dia_wrapper_0
现在我用单引号和.包装字符串以访问类名

    dynaClass = "'."+dynaClass+"'";

这是给我'.dia_wrapper_0'。现在我将图像添加到这个类名

    $(dynaClass).prepend('<img src="img.png" id="loading-image">');
}

我的console.log显示

    Uncaught Error: Syntax error, unrecognized expression: '.dia_wrapper_0'

如何将图像添加到动态className

你不需要重新查询元素,你需要的类的元素是obj所以你可以做

$(obj).prepend('<img src="img.png" id="loading-image">');

像那样获取类名是非常低效的。如果您需要这样做,请考虑另一种方法,因为如果obj有几个类,您的代码很容易中断。如。将导致dynaClass = '.class-1 class-2',这也会抛出错误,当推回jquery

类选择器不应该在''中包装,它应该是像.myclass一样的字符串,而不是像'.myclass'

dynaClass = "."+dynaClass;