• 微信
您当前的位置: 首页> JavaScript> JQuery>

jquery获取元素属性值

作者:Alpha时间:2017-09-14 阅读数:2524 +人阅读
<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;
    })


本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:595397166@qq.com

标签: 小程序

阿尔法

软件开发工程师#全栈工程师

{include file=foot.html}