jquery获取元素属性值

字号+ 作者：micloud 来源：www.seoalphas.com 2017-09-14 21:59 浏览量：1971

<a href="#" id="vid10" class="net_first" data-img="/public/images/thumb_131316212197213573.jpg" data-id="http://dzjd-swanrov.66wedding.com/UploadPath/WorkPic/131316231825182139.MP4"><img src="/public/images/thumb_131316212197213573.jpg" style="width:330px;height:165px;">
    <div data-video="http://dzjd-swanrov.66wedding.com/UploadPath/WorkPic/131316231825182139.MP4" class="video_play" onclick="ShowVideo(10)"></div>
</a>

如上代码

通过jquery获取a标签中相关属性值：

$("#vid10").attr("data-img")    //获取data-img属性值
$("#vid10").attr("data-id")    //获取data-id属性值

通过jquery为a标签中相关属性赋值：

$("#vid10").attr("data-img","hello")    //为data-img属性赋值hello
$("#vid10").attr("data-id","world")    //为data-id属性赋值world

获取div下a标签属性

      <div class="kp_div">
        <div class="kpd">
          <img src="http://dzjd-swanrov.66wedding.com/UploadPath/CustomerSlice/131316051081119597.jpg">
        </div>
        <div class="kpda">
          <a href="/index.php?g=&m=article&a=index&id=38&cid=52"><span>马先生&amp;王小姐</span><span></span></a>
        </div>
    </div>

获取上面代码中a标签href值：

$(".kp_div").click(function () {
        $(this).children('.kpda').show();
        var thisurl=$(this).children('.kpda').children('a').attr('href');
        console.log(thisurl);
        location.href=thisurl;
    })