个人中心
gpt4 book ai didi

javascript - 如何从html文件中的li标签调用get属性

转载 作者：行者123 更新时间：2023-11-28 11:22:35 25 4
gpt4 key购买 nike

我想做的类似于this .

当我点击“电影A”时，我希望调用函数$('#playlist li').click(function(){...})，但是它似乎什么也没发生。有什么问题吗？

index.html:

<!DOCTYPE html>
<html>
<head>
  <title>Home Video Player</title>
</head>
<body>      
    <video id="video" width="640" height="320" controls="controls">
        Your browser does not support the video tag.
    </video>    
    <ul id="playlist">
        <li movieurl="a,mp4" movietype="video/mp4">Movie A</li>
        <li movieurl="b.mp4" movietype="video/mp4">Movie B</li>          
        <li movieurl="c.mp4" movietype="video/mp4">Movie C</li>      
        <li movieurl="d.mp4" movietype="video/mp4">Movie D</li>
    </ul>       
    <script src="main.js"> </script>
</body>
</html>

ma​​in.js

$(document).ready(function(){
    $('#playlist li').click(function(){
        var video = document.getElementById('video');
        var source = document.createElement('source');
        source.setAttribute('src', $(this).attr("movieurl"));
        source.setAttribute('type', $(this).attr("movietype"));
        video.appendChild(source);
    });
});

最佳答案

如果你要使用Jquery，你需要链接它，这里是CDN链接。 

   <script language="javascript" type="text/javascript"   src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

关于javascript - 如何从html文件中的li标签调用get属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30325926/

25 4 0
文章推荐： javascript - 如何有效地使用输入类型的更改功能
文章推荐： JavaScript - 如何获取 DOM 元素的第一个子元素的文本？
文章推荐： javascript - 将 Div Text 代码内联添加到 onclick 事件
文章推荐： javascript - 事件自行触发