在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/Java  HTML/ js如何獲取多個(gè)共同class的標(biāo)簽內(nèi)容集合？

js如何獲取多個(gè)共同class的標(biāo)簽內(nèi)容集合？

<img image-code="#qq_1_gif#" class="emoji_icon" src="image/qq/1.gif">
<img image-code="#qq_2_gif#" class="emoji_icon" src="image/qq/2.gif">

如代碼所示，我想要獲取 class 是 emoji_icon 的 image-code 標(biāo)簽里的內(nèi)容，結(jié)果應(yīng)該是#qq_1_gif#，#qq_2_gif#，兩個(gè)內(nèi)容，我是這么寫的

var code = $(".emoji_icon").attr("image-code");

結(jié)果只獲取到了#qq_1_gif#，請(qǐng)問(wèn)該怎么做？

回答
編輯回答
陪妳哭

<!DOCTYPE html>
<html>
<head>

<title>test</title>

</head>
<body>
<img image-code="#qq_1_gif#" class="emoji_icon" src="image/qq/1.gif">
<img image-code="#qq_2_gif#" class="emoji_icon" src="image/qq/2.gif">
<script type="text/javascript">

let emoji_icons = document.querySelectorAll('.emoji_icon');
emoji_icons.forEach((emoji_icon) => {
    let val= emoji_icon.getAttribute('image-code');
    console.log(val);
})

</script>
</body>
</html>

這總簡(jiǎn)單的就別用jq了，你的$(".emoji_icon") 得到的是對(duì)象，沒(méi)有這種操作的，要先獲取每個(gè)里面的dom
你直接復(fù)制我的代碼看下就知道了，用的是ES6的語(yǔ)法

2017年2月12日 01:22
編輯回答
純妹

document.querySelectorAll('.emoji_icon');
然后for循環(huán)

2017年10月4日 10:27
編輯回答
安若晴

加個(gè)for循環(huán)就行了啊

2017年11月30日 18:02
編輯回答
艷骨

由于通過(guò)class獲取的元素是一個(gè)集合，所以直接用.attr()方法時(shí)不能將所有內(nèi)容獲取到，可以利用樓上的循環(huán)方法，依次將attr值獲取到并push到一個(gè)數(shù)組中。
也可以使用ES6中的map,和循環(huán)原理一樣

var imgArr= $(".emoji_icon");
var arr = imgArr.map(function(item) {
   return imgArr.eq(item).attr('data-code'); 
});
2018年4月4日 13:11
編輯回答
萌面人
<img image-code="#qq_1_gif#" class="emoji_icon" src="image/qq/1.gif">
<img image-code="#qq_2_gif#" class="emoji_icon" src="image/qq/2.gif">

<script
  src="https://code.jquery.com/jquery-1.12.4.min.js"
  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
  crossorigin="anonymous"></script>

<script type="text/javascript">
    var arr = [];
    $(".emoji_icon").each(function(index,item){
        console.log();
        var imageCode = $(item).attr("image-code");
        arr.push(imageCode);
    })
    console.log(arr)
</script>
2017年7月15日 16:46
編輯回答
半心人
var arr= $(".emoji_icon");
var arr1=[];
arr.each(function(){
    arr1.push($(this).attr("image-code"));
});
2018年8月27日 04:07