2016-03-01 219 views
1

我想选择一个特定的div元素及更高版本div元素转移到一个新的HTML文件,这样我可以把它转换成PDF格式的变量里面,选择一个元素包含HTML

与我的问题是,我正在使用AJAX和我的HTML代码中包含各种选项卡,基本上它是一个管理系统,

只给你一个总体思路

$('#print_repo').on('click',function(e){ 
    var officer_id = $('#officer-id').val(); 
    $.ajax({ 
    type: 'POST', 
     url: '<?php echo base_url(); ?>Home/ajax_view', 
     data: {'id':officer_id}, 
     success: function(resp) { 
     // b=resp; 
     console.log($(resp > "#personal")); 
     // console.log($($(resp) >$("#personal"))); 
     // console.log($(resp->"#personal")); 
     // console.log(resp); 
     } 
    }); 
}); 

这是一个Ajax调用RESP包含我的HTML代码整个HTML文件包括我用过的脚本标签吨至选择2种形式,其ID的 是personal and work_info 一个例如 <?=form_open(base_url()."Home/insert_work_infos/","id=\"work_info\"");?>

但我无法选择它里面respresp输出,如果我使用console.log(resp);是:

<div class="container-fluid"> 
     .... 
<div class="content"> 
    <div class="container-fluid"> 
<div class="row"> 
    <ul class="nav nav-tabs"> 
    <li role="presentation" id="one"class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"><i class="fa fa-user fa-fw"></i>Home</a></li> 
    <li role="presentation"id="two"><a href="#profile" aria-controls="profile" role="tab"><i class="fa fa-user-plus" ></i> Profile</a></li> 
    <li role="presentation" id='three'><a href="#status" class="hiddd" role="tab" data-toggle="tab">Status</a></li> 
    </ul> 
    <div class="tab-content"> 
    <div role="tabpanel" class="tab-pane fade in active" id="home"> 

     <div class="container-fluid"> 
     <div class="row"> 
         <form action="http://project2.com/Home/insert_personal" id="personal" method="post" accept-charset="utf-8"> 
      ................. 

      <button id="b1" type="submit" value="Submit" class="btn btn-primary btn-inline btn-lg" tabindex="11" disabled>SUBMIT</button></div> 
      </form>   </div> 
     </div> 

    </div> 
    <div role="tabpanel" class="tab-pane fade" id="profile"> 



     <form action="http://project2.com/Home/insert_work_infos/" id="work_info" method="post" accept-charset="utf-8"> 
     ....... 
     ........ 
      <button type="button" onclick="javascript:back(); " data-toggle="tab" class="btn btn-default" data-target="#home">BACK</button> 

     </div> 
     <hr class="colorgraph"> 
     <button type="submit" value="SUBMIT" id="b2"class="btn btn-primary btn-inline-block btn-lg center-block"disabled >SUBMIT</button> 

     </form>  </div> 
<script> 
    $(document).ready(function() { 
    $(".datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    // yearRange: '1950:2013', 
    yearRange: "c-70:c+10" 
}); 
    ....... 
</script> 
+3

'$(resp).find(“#personal”)''或'$(resp).filter(“#个人”)''怎么办? –

+1

完美只是写一个答案 – Rachid

回答

2

你可以使用find()filter()方法:

$(resp).find("#personal"); 
//OR 
$(resp).filter("#personal"); 

H这有助于。