如何在需要支持所有瀏覽器的模板標籤中找到元素解決方案

如果我在模板標籤內使用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/

來源

2016-10-03 Pradeep Kumar

你想在jQuery模板標籤中選擇div嗎？ var $ div = $（「template div」）; http://www.w3schools.com/jquery/jquery_ref_selectors.asp – Marko

我知道jQuery選擇模板標籤中我們無法找到通過Jquery..please元素檢查 –

你能更新與jQuery代碼你的問題呢？ – Marko

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

，將工作。

說明：模板元素保存其內容納入和屬性（屬性）稱爲內容。因此，我們retreive使用jQuery $("template").prop("content")這個屬性，那麼我們把它包在jQuery的$($("template").prop("content"))上，我們可以調用jQuery的查找功能來檢索元素$($("template").prop("content")).find("#sample1")之後，我得到的元素innHTML並使其與您想要的輸出相匹配修剪。

來源

2016-10-04 07:13:55

內容是工作，但如果比較跨瀏覽器Safari和IE瀏覽器的內容不進行追加執行前置請檢查它 –

將檢查，只是根據你自己的評論，你需要它在鉻和Firefox的工作「@ADyson請檢查小提琴正確.....並更新它在JsFiddle ...我需要在鉻和mozilla輸出 - Pradeep庫馬爾 - 18小時前「 –

IE不支持模板標記： https://developer.mozilla.org/en/docs/Web/HTML/Element/template（Edge 13） –

如何在需要支持所有瀏覽器的模板標籤中找到元素解決方案

回答

相關問題