用jquery如何获取到指定的值？

Posted 2023-03-19

下面的网页脚本，想获取data-pictureId、data-img、data-name、img src=中的值，用jquery如何获取？
<div class="scroller">

<ul class="ks-switchable-content" id="ks-switchable-content">
<li class="current" data-pictureId="5365031" data-img="http://img1.xxxx.cn/L1/76/1099720772/bd29ab9806dc60ca57ee2ad0501d3b93066c_640x480.jpg" data-text="" data-name="小南瓜"><p><img src="http://img1.xxxx.cn/L1/76/1099720772/bd29ab9806dc60ca57ee2ad0501d3b93066c_80x80.jpg"/></p></li> </ul>
</div>

参考技术A

这个有很多种方法，

通过id $("#id")

通过class $(".class")

通过name $("[name='name']")

通过标签，例如: input $(":input")

等等

通过以上方法找到对象，然后在进行操作，比如需要这些对象的values值，就在后面加.val()等等。

jquery是可以链式编程的，非常方便

参考技术B var data-pictureId = $(".current").attr("data-pictureId");

var data-img = $(".current").attr("data-img");
var data-name = $(".current").attr("data-name");
var src =$("li p img").attr("src");本回答被提问者采纳 参考技术C $('li .current').data('pictureI')
$('li .current').data('img')
$('li .current').data('name')
以此类推 参考技术D 方法有很多，关键看你用哪个选择器了

$(ul li).attr("data-pictureId");
$(ul li).attr("data-img");

$(ul li).attr("data-name");
$(ul li p img).attr("src"); 第5个回答  2013-11-13 如获取data-pictureId的值 $("#ks-switchable-content>li").attr("data-pictureId"),如果是单个li可以直接打印，如果是多个li，data-pictureId可能有多个，需要循环打印