Question

如何显示父元素ID？

对于Eg：在每个span元素中，我想将子组div的id显示为文本。

喜欢：<span class="mpei">sg-1</span>

<div class="subgroup" id="sg-1">
  <span class="mpei"></span>
</div>
<div class="subgroup" id="sg-2">
  <span class="mpei"></span>
</div>
<div class="subgroup" id="sg-3">
  <span class="mpei"></span>
</div>
<div class="subgroup" id="sg-4">
  <span class="mpei"></span>
</div>

Answer 1

使用课程.subgroup
在每次迭代中find个孩子.mpei
将text()设为attr('id')

＆＃13;

$('.subgroup').each(function() {
  $(this).find('.mpei').text($(this).attr('id'));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div class="subgroup" id="sg-1">
  <span class="mpei"></span>
</div>
<div class="subgroup" id="sg-2">
  <span class="mpei"></span>
</div>
<div class="subgroup" id="sg-3">
  <span class="mpei"></span>
</div>
<div class="subgroup" id="sg-4">
  <span class="mpei"></span>
</div>

＆＃13;

Answer 2

您可以使用each遍历所有div个班级subgroup。

$('.subgroup').each(function() {
    $(this).children('.mpei').text($(this).attr('id'));
    // $(this).find('.mpei').text($(this).attr('id'));
});

$(this)内的{p> each是当前元素，即.subgroup。

演示：http://jsfiddle.net/tusharj/jnsuc06j/

Answer 3

您可以遍历跨度并获取父元素ID以分配给文本。

<强> Live Demo

$('.mpei').each(function(){
   $(this).text($(this).parent().attr('id'));
});

Answer 4

使用.each()来迭代<span>元素，然后使用prop()获取ID。

$('span.mpei').each(function(){
    $(this).text($(this).closest('.subgroup').prop('id'))
});

＆＃13;

$('span.mpei').each(function(){
    $(this).text($(this).closest('.subgroup').prop('id'))
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="subgroup" id="sg-1">
  <span class="mpei"></span>
</div>
<div class="subgroup" id="sg-2">
  <span class="mpei"></span>
</div>
<div class="subgroup" id="sg-3">
  <span class="mpei"></span>
</div>
<div class="subgroup" id="sg-4">
  <span class="mpei"></span>
</div>

＆＃13;

Answer 5

使用 jQuery each 进行迭代。试试这个

MovieContent

Answer 6

你可以这样做：

$(".mpei").each(function() {
    $(this).text($(this).parent().attr('id'));
});

演示 - ＆gt;的 http://jsfiddle.net/s0f7xqyg/

jQuery - 将此父元素ID设置为文本

6 个答案: