我有一个带有不同选项卡的模式,我需要加载我单击的 id 以查阅目录中的一些记录。
使用此代码,我在不同的选项卡中显示内容。但是如何在函数中加载那些 id 呢?
id 来自我的HTML中的不同 div 。
例如我有这样的div:
<div id="l73" >Textos </div>
<div id="l74" >Textos </div>
<div id="l75" >Textos </div>
<div id="l76" >Textos </div>
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<script type="text/javascript">
$(document).ready(function(e) {
$("#l73").click(function() {
$("#home").html('<embed src="./files/l73_4b/l73_ejemplo.pdf" type="application/pdf" width="100%" height="400px" class="margenfilemodal" /> ');
});
});
</script>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<script type="text/javascript">
$(document).ready(function(e) {
$("#l73").click(function() {
$("#profile").html('<embed src="./files/l73_4b/l73_instruccion.pdf" type="application/pdf" width="100%" height="400px" class="margenfilemodal" style="margin-top: -420px;" /> ');
});
});
</script>
</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
<script type="text/javascript">
$(document).ready(function(e) {
$("#l73").click(function() {
$("#contact").html('<embed src="./files/l73_4b/l73_instruccion.pdf" type="application/pdf" width="100%" height="400px" class="margenfilemodal" style="margin-top: -420px;" /> ');
});
});
</script>
</div>
我要找的是,比如当我点击id为73的div时,函数中加载了那个id $("**#l73**").click
,看这里怎么加载,<embed src="./files/**l73_4b**/l73_instruccion.pdf"
这样它就可以在这个路由中咨询我了。
它可以通过简单的方式解决,使用事件,您必须将相同的类放到所有的 中
<div>
,因为这样我们避免为每个添加一个eventListener我们
.target
用来知道哪个元素被点击了已经有了元素,我们只使用
getAttribute
才能获得id
那么,把身份证放在上面有什么意义呢?
<embed>
我们使用
querySelectorAll
特定的 CSS 选择器获取所有 DOM 元素,我们可以使用它进行迭代forEach
既然你使用 jQuery,我给你一个例子来说明如何使用这个库