Javascript jQuery动态创建元素

我有一个使用ColorBox的javascript函数。

您可以使用前缀匹配来捕获任何以
201
开头的
rel
属性（或
20
，以便在本世纪余下的时间内使用）：

请参见，您还可以执行以下操作：

$("a").each( function(){

   if ( $(this).attr(rel) == 'myValue' ){
       $(this).colorbox();
   }
});

对于文档中的每个超文本，您可以检查“rel”属性是否与您想要的匹配，您可以向要应用colorbox的链接添加CSS类。在同一个地方，在您形成HTML链接和
rel
属性的地方，您必须添加CSS类，因此您的HTML如下所示：

<a href="/link/to/the/folder_1" class="colorbox-me">Folder 1</a>
[...]
<a href="/link/to/the/folder_N" class="colorbox-me">Folder N</a>

<script type="text/javascript">
$(document).ready(function(){
    $("a.colorbox-me").colorbox();
});
</script>


[...]
$（文档）.ready（函数（）{
$（“a.colorbox-me”）.colorbox（）；
});

除了描述当前文档与链接文档的关系外，不鼓励将
rel
属性用于任何目的。
rel
属性通常由搜索引擎使用。可以找到rel属性的可能值
 在
标记中添加一个类，然后只需执行
$（'a.yourClass'）.colorbox（）。或者，如果您不想，可以使用选择器“a[rel^=2014]”。只有当您的列表仅限于本年度时，才有可能。你可以更精确一些，但你只能在同一个月、同一天等。。如果你想保持它的灵活性，第一个解决方案——使用类——似乎是一个更好的解决方案。保罗的建议对我有效。
$("a").each( function(){

   if ( $(this).attr(rel) == 'myValue' ){
       $(this).colorbox();
   }
});

<a href="/link/to/the/folder_1" class="colorbox-me">Folder 1</a>
[...]
<a href="/link/to/the/folder_N" class="colorbox-me">Folder N</a>

<script type="text/javascript">
$(document).ready(function(){
    $("a.colorbox-me").colorbox();
});
</script>