Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 改变';P';div元素中的标记文本颜色_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 改变';P';div元素中的标记文本颜色

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 =

如何使用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 = "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'});
});