如何使用PHP创建动态类并使用jQuery

Question

我将创建一个PHP代码片段或者可以将其视为WordPress代码片段，并且每次在前端加载该模块时都想创建一个动态css类，并且那个类将被jQuery用来设计我的前端。

下面是这种情况：

让装上前端假设第一次模块，它应该有一个类，如：module-front-end-123，我可以使用这个确切的类从jQuery的样式根据住在这里面的数据内容模块。

现在假设现在增加了另一个相同类型的模块，它应该生成一些像module-front-end-124这样的类，我将再次使用jQuery中的这个类来表示它的样式。

这种方法的优点就是这样，我只会编写我的代码片段一次，并且当模块被加载时我将获得它自己的类和jQuery代码将在这个模块上工作，并且对于其他模块风格将会独立工作于其他模块。

我可以创建PHP这个类，但不知道如何使用jQuery的那类或者类似的什么东西......

任何人都可以指导我吗？我只想写我的风格一次，每次将适用于提取的类。

Answer 1

在您的PHP代码中，您可以使用任何在每个代码段插入后都会增加值的变量。如下图所示：

在PHP代码添加的顶部：

global $count; 
if $count == '' { $count = 0; } 

它只是将创建全球范围内的变量，如果为空，将它设置为0完美，现在只要使用这个变量在你的HTML类如下所示一样：

<div class="module-front-end-<?php echo $count;?>">HTML DATA GOES HERE </div> <?php $count++; ?> 

现在，在第一插入就会产生module-front-end-0和第二插入它将成为module-front-end-1等与模块的每个插入。

现在只需添加另一个类，像得到的数据和你的代码将成为如下所示：

<div class="get-data module-front-end-<?php echo $count;?>">HTML DATA GOES HERE </div> 

所以，你的HTML的一部分，现在做移动到JS部分，里面你的JS文件只是添加如下代码如下所示：

var count = 0; 
$(".get-data").each(function(){ 
    $('module-front-end-'+count+).append('<p>this is my data</p>'); 
    count = count + 1; 
}): 

这样它会为你做的工作。 注意：.append('<p>this is my data</p>');只是为了举例说明，你怎么能进入你的每一个动态类。你可以做任何你想在你的代码中做什么。