jquery - 获取属性值

Question

我需要在下面的代码中获取属性值

<div objecttag="" id="data_url" class="new_data ng-scope" dataurl="http://www.youtube.com/v/uPiVOofEPHM?version=3&amp;f=playlists&amp;c=youtube_it&amp;app=youtube_gdata"><object objecttag="" type="application/x-shockwave-flash" data="http://www.youtube.com/v/uPiVOofEPHM?version=3&amp;f=playlists&amp;c=youtube_it&amp;app=youtube_gdata?wmode=transparent&amp;modestbranding=1&amp;fs=1&amp;showinfo=0&amp;iv_load_policy=3&amp;rel=0&amp;enablejsapi=1&amp;version=3&amp;allowScriptAccess=always&amp;allowFullScreen=true" width="898" height="505" id="player" style="visibility: visible;"></object></div>

我在下面的 jquery 代码中使用

 data_url = $("#data_url").attr('dataurl');
             alert(data_url);

它没有在 chrome 中获取属性值。

提前致谢

Answer 1

用DOM raedy包装你的代码

试试.prop()

$(function(){
    data_url = $("#data_url").prop('dataurl');
                 alert(data_url);
});

或 .data()

更改 HTML

<div objecttag="" id="data_url" data-url="">

js

$(function(){
data_url = $("#data_url").data('url');
 alert(data_url);
});

阅读.prop() 与 .attr()

Answer 2

尝试在$(document).ready()中编写代码，例如，

$(function(){
    data_url = $("#data_url").attr('dataurl');
    alert(data_url);
});

演示

Answer 3

你可以试试这个

function myFunction() {

var x = document.getElementsByTagName("div")[0].getAttribute("dataurl"); 
alert(x);}