使用JQuery从外部文件中通过id选择器获取html内容
16lz
2021-01-22
I want to know if there any possibility to get an element (HTML content) from an external HTML file using the ID selector of this element
我想知道是否有可能使用此元素的ID选择器从外部HTML文件中获取元素(HTML内容)
The external file (template.html
):
外部文件(template.html):
<div id="id1">Content 1 </div>
<div id="id2">Content 2 </div>
Is there any process like this :
有没有这样的过程:
the current file (index.html
)
当前文件(index.html)
<script>
var url = "template.html";
var externalHtmlContent = $ajax(url).document.getElementById("id").innerHTML;
</script>
so externalHtmlContent
would contain "Content 1" value?
那么externalHtmlContent会包含“Content 1”值?
2 个解决方案
#1
3
$.get(url, function (data) {
var html = $(data);
var content_1 = $('#id1', html).text();
// content_1 is "Content 1"
});
更多相关文章
- 3.29 学前端 jquery之操作元素之属性操作
- GET ajax请求发送到同一个php文件
- 无法使用jquery发送简单的ajax请求来获取json文件
- 在上传前预览xls、xlsx、doc等文件的缩略图
- 禁用焦点上的锚点()元素上的灰色边框
- 在jQuery中使用部分ID查找元素?(复制)
- 静态h5页面没有后台直接访问本地json文件
- 使用数字作为javascript对象元素的名称
- Mvc 5和实体框架6中的Jquery多文件上载问题