Jquery 如何向特定CSS类添加属性?
作为一个简单的背景,我是一个到处游手好闲的人。我事先道歉 我有一个特定的CSS类,它只应用于Wordpress站点上的缩略图。我正在运行一个脚本,在站点范围内的所有图像上应用“pinit”悬停链接。我想通过添加一个“nopin=nopin”属性从这个脚本中排除这个特定的类(attachment-custom_thumb)。我认识到CSS并不能满足我的要求,所以我想知道是否有一种简单的方法可以将该属性添加到该特定类中的所有照片中(因为这似乎是识别我想要排除的图像的最简单、最自动化的方法)Jquery 如何向特定CSS类添加属性?,jquery,html,css,wordpress,Jquery,Html,Css,Wordpress,作为一个简单的背景,我是一个到处游手好闲的人。我事先道歉 我有一个特定的CSS类,它只应用于Wordpress站点上的缩略图。我正在运行一个脚本,在站点范围内的所有图像上应用“pinit”悬停链接。我想通过添加一个“nopin=nopin”属性从这个脚本中排除这个特定的类(attachment-custom_thumb)。我认识到CSS并不能满足我的要求,所以我想知道是否有一种简单的方法可以将该属性添加到该特定类中的所有照片中(因为这似乎是识别我想要排除的图像的最简单、最自动化的方法) 谢谢 您
谢谢 您最好使用jQuery。如果你的主题中有一个自定义的.js文件,你可以添加以下代码。。。如果没有,请参阅向wordpress添加js的详细信息 可以使用.attr()函数尝试以下代码:
jQuery(function($) {
$('.attachment-custom_thumb').attr('nopin','nopin');
})
上面的代码捕获类为“attachment-custom_thumb”的任何html元素,并将值为“nopin”的属性“nopin”附加到该元素上
HTH:)另一种可能性:由于您正在使用脚本添加“Pin It”内容,因此可以修改该脚本,以便在添加“Pin It”时排除类的图像。这可以解决问题,而无需创建“nopin”属性 下面是一个假设的例子,说明了我所说的使用jQuery的方法:
function addPinIt (elements) {
// your code here
}
addPinIt($('img').not('.the-nopin-class'));
给你
当然,这个解决方案的可行性取决于您正在使用的脚本以及您调整它的舒适度。如果你想发布脚本,我可以提出更具体的建议。$('.your_class').prop('nopin','nopin');提示:
.attr('nopin','nopin')
@Rooster:看起来我们的想法几乎相同。:).prop
设置对象属性,但是……当您设置自定义HTML属性时,这些属性可能不起作用。@cHao ahhh,我实际上从未花时间阅读文档,只是听说过。attr已被弃用。阅读后,你的答案更好:)真棒。工作得很有魅力。谢谢你的帮助。