javascript - 如何在模板标签中查找需要在单个解决方案中支持所有浏览器的元素

Question

如果我在模板标签中使用 div 元素意味着我将如何通过 jQuery 选择器找到。**

我只知道里面的 div 元素“id”

** 请检查以下示例..

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<template>
  <div id="sample1">
    sdjgvhdbvjdbvkdfvbdhkfvdfv
  </div>
</template> <div id="sample2">hiiervhejvbjefvbejfvefv</div>

更新小提琴链接https://jsfiddle.net/vbpradeep/o9LkL3g6/3/

Answer 1

$(document).ready(function() { $("#sample2").append($($("template").prop("content")).find("#sample1").html().trim()); });

那可行。

说明：模板元素将其内容保存到称为内容的属性（属性）中。因此，我们使用 jQuery 检索此属性，$("template").prop("content")然后将其包装在 jQuery$($("template").prop("content"))中，然后我们可以调用 jQuery 的 find 函数来检索元素$($("template").prop("content")).find("#sample1")，之后我获取元素 innHTML 并对其进行修剪，使其与您想要的输出相匹配。