Javascript 改变';P';div元素中的标记文本颜色
如何使用jQuery更改p标记文本颜色css属性?我不想改变所有的p标签,只是一个特殊的 在不为每个p标签添加id的情况下,这是否可行Javascript 改变';P';div元素中的标记文本颜色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何使用jQuery更改p标记文本颜色css属性?我不想改变所有的p标签,只是一个特殊的 在不为每个p标签添加id的情况下,这是否可行 <div class = "custimage"><img src = "img/notch.jpg" alt = "notch"/><p>Notch</p></div> <div class = "custimage"><img src = "img/peak.jpg" alt =
<div class = "custimage"><img src = "img/notch.jpg" alt = "notch"/><p>Notch</p></div>
<div class = "custimage"><img src = "img/peak.jpg" alt = "peak"/><p>Peak</p></div>
<div class = "custimage"><img src = "img/shawl.jpg" alt = "shawl"/><p>Shawl</p></div>
这不管用。使用
$('.custimage p').css({color:'#000'})代码>更改所有图像中文本的颜色…$(“.custImage p”)将使用该类在一个div中获取所有p标记。然后你可以做你想做的事。如果您提供更多信息,我将为您提供更好的选择器。使用文本内容作为选择器更改特定的“p”-
$("p:contains('Notch')").css("color","red");
获取已单击的类为.custimage
的div中的一个-
$('.custimage').click(function(e) {$(this).find('p').css("color","red")});
也可以将图像或alt标记作为目标。。这对您有用吗?您应该能够更改单击的.custimage
div中p标记的颜色,如下所示:
$('.custimage').click(function(e) {
$(this).find('p').css({color: '#000'});
});
.find()
函数遍历DOM树,查找与给定选择器匹配的任何标记。您可以阅读更多关于.find()
函数的信息,您想更改哪一个,以及可以使用哪些常量来查找它(例如,某个图像旁边的段落、最后一个、第三个、带有文本“Shawl”的段落等)?这将是用户单击确定的段落,这很重要-你应该在你的原始帖子中包含这一点-现在你有6个猜测答案(3个已删除)因为人们会跳过简单的jquery问题。我如何才能获得特定的custimages p标记…基于用户单击特定的custimage div这是一个不错的想法,但就我而言,它太具体了,无法在单击的div中获得“p”。
$('p').each(function(index) {
//Lets say you want to target P number 2
if(index = "2") {
$(this).css('color','red');
}
});
$('.custimage').click(function(e) {
$(this).find('p').css({color: '#000'});
});