Javascript 如何选择其他div'；jQuery中的孩子是谁？

我想在选中某个元素时选择所有先前的“.pt”

我试过了

$('p').mouseover(function(){
$(this).css('font-size', 'bold');
$(this).prevAll('.pt').css('font-size', 'bold');
});

在第二个div中，它只是更改了第二个div中先前的“.pt”。
即使选中第二个div元素，如何更改第一个div的“.pt”

<div> //first
  <p class="pt p1"></p>
  <p class="pt p2"></p>
  <p class="pt p3"></p>
</div>

<div> //second
  <p class="pt p1"></p>
  <p class="pt p2"></p>
  <p class="pt p3"></p>
</div>

//首先



//第二

您可以尝试获取元素的

索引，然后使用该参数：


$（'.pt'）。单击（函数（）{
$（'.red'）.removeClass（'red'）；
var ti=$（this.index（'.pt'）；
$（'.pt'）.slice（0，ti+1）.addClass（'red'）；
})
.pt{
填充：15px；
背景：金；
利润率：8px；
}
瑞德先生{
背景：红色；
}








$（'.pt'）.mouseover（函数（）{
$（this.css（'font-weight'，'bold'）；
$（this.prevAll（'.pt'）.css（'font-weight'，'bold'）；
$（this）.parent（）.prevAll（）.children（'.pt'）.css（'font-weight'，'bold'）；
});
$（'.pt'）.mouseleave（函数（）{
$（'.pt'）.css（'font-weight'，'normal'）；
});

第一
段落
段落
段落
第二
段落
段落
段落