在包含 html 的变量中选择一个元素
Select a element inside a variable containing html
我想选择一个特定的div元素,然后将该div元素传输到一个新的html文件中,以便我可以将其转换为pdf,
我的问题是我正在使用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'"");?>
但是我无法在resp
内部选择它,如果我使用console.log(resp);
,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>
您可以使用
find()
或filter()
方法:
$(resp).find("#personal");
//OR
$(resp).filter("#personal");
希望这有帮助。
相关文章:
- 使用clickToggle并在单击另一个元素时关闭元素
- 表追加而不附加最后一个元素
- 滚动到容器中的下一个元素-几乎到了
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- 按我自己的类克隆另一个元素的内容和顺序
- Javascript获取上一个元素的内容
- 如何通过HTML+CSS中的另一个元素Selector更改元素的属性值
- 在数组中的一个元素上设置多个值
- 无法选择除一个元素外的所有元素
- 使用jquery contains获取一个元素并添加类
- $(.class).empty总是缺少一个元素
- jQuery-将列表项的一个元素移动到同一项的另一个元素中+对我的列表中的每个项执行此操作
- 如何在一个元素动画之后延迟
- jQuery转盘下一个元素没有滑入
- jquery从另一个元素中移除移除
- DIV怎么能像Javascript中的另一个元素一样工作呢
- 当知道同一hiearch中至少有一个元素时,遍历到元素.结构使用jquery
- 使用数据属性将HTML数据复制到另一个元素
- 如何选择给定类的上一个元素
- 动态修改一个元素,使其与给定的选择器匹配