Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.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
jQuery-将此父元素ID设置为文本_Jquery - Fatal编程技术网

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

jQuery-将此父元素ID设置为文本,jquery,Jquery,如何显示父元素id 例如:在每个span元素中,我希望以文本形式显示subgroupdiv的id 比如:sg-1 用class遍历每个div。subgroup 在每次迭代中findchildren.mpei 使用attr('id') $('.subgroup')。每个(函数(){ $(this.find('.mpei').text($(this.attr('id')); }); 您可以使用每个循环所有div具有类子组 $('.subgroup').each(function() {

如何显示父元素id

例如:在每个span元素中,我希望以文本形式显示subgroupdiv的id

比如:
sg-1


  • 用class
    遍历每个div。subgroup
  • 在每次迭代中
    find
    children
    .mpei
  • 使用
    attr('id')
  • $('.subgroup')。每个(函数(){
    $(this.find('.mpei').text($(this.attr('id'));
    });
    
    您可以使用
    每个
    循环所有
    div
    具有类
    子组

    $('.subgroup').each(function() {
        $(this).children('.mpei').text($(this).attr('id'));
        // $(this).find('.mpei').text($(this).attr('id'));
    });
    
    $(此)
    内部的
    每个
    都是当前元素,即
    子组

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

    演示:

    您可以迭代跨度并获取要分配给文本的父元素id

    $('.mpei').each(function(){
       $(this).text($(this).parent().attr('id'));
    });
    
    使用
    .each()
    迭代
    元素,然后使用
    prop()
    获取ID

    $('span.mpei').each(function(){
        $(this).text($(this).closest('.subgroup').prop('id'))
    });
    
    $('span.mpei')。每个(函数(){
    $(this).text($(this).closest('.subgroup').prop('id'))
    });
    
    您可以这样做:

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

    演示->

    使用jqueryeach进行迭代。试试这个

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

    @Tushar是的,我们都用同一个班级的名字谢谢你们所有人快速完美的回答。。。。所有的例子都很有效。。你们可以下载:)和更短的版本:
    $('.mpei').text(函数(){返回this.parentNode.id;})
    @Regent刚刚输入了
    this.parentNode.id
    以进一步改进您的改进解决方案:P@ShaunakD是的,我想知道为什么
    $(this).parent()[0]
    会更短,但我仔细计算:)Hi@Regent。。。你太棒了:)