访问子值jquery

访问子值jquery,jquery,Jquery,在下面的html中,我单击id=2,然后单击id=2,如何使用同级访问jQuery中的span标记Harr kane值 <div class="parentId"> <span class="span1"> <i class="i1">p</i> <span>Harr Kane</span> </span> <a class="a1" href="">

在下面的html中,我单击id=2,然后单击id=2,如何使用同级访问jQuery中的span标记Harr kane值

<div class="parentId">
   <span class="span1">
      <i class="i1">p</i>
      <span>Harr Kane</span>
   </span>
   <a class="a1" href="">
    <i id="2" class="i1">i1</i>
   </a>
</div>

P
哈尔凯恩
►<代码>$(this)-选择当前单击的元素

.parent()
-将给出当前选定元素的父元素

.prev()
-将选择上一个元素

.find()
-用于查找所选内容中的元素

►<代码>:first-是用于选择第一个匹配选择的伪选择器

.text()
-提取所选内容中的文本

工作演示

$(文档).ready(函数(){
$(“#2”)。单击(功能(e){
e、 预防默认值()
警报($(this.parent().prev().find('span:first').text());
});
});

P
哈尔凯恩
►<代码>$(this)
-选择当前单击的元素

.parent()
-将给出当前选定元素的父元素

.prev()
-将选择上一个元素

.find()
-用于查找所选内容中的元素

►<代码>:first-是用于选择第一个匹配选择的伪选择器

.text()
-提取所选内容中的文本

工作演示

$(文档).ready(函数(){
$(“#2”)。单击(功能(e){
e、 预防默认值()
警报($(this.parent().prev().find('span:first').text());
});
});

P
哈尔凯恩
$('#2')。单击(函数(){
console.log($(this).closest('div.parentId').find('.span1').find('span').text())
})

P
哈尔凯恩
$('#2')。单击(函数(){
console.log($(this).closest('div.parentId').find('.span1').find('span').text())
})

P
哈尔凯恩

Hi@Rino-Raj如何在jqueryHi@Rino-Raj中设置当前选定元素文本值ie i1如何在jquery中设置当前选定元素文本值ie i1
$(this).parent().prev().find('span:first').text();