jq如何对p标签动态绑定背景图

Question

jQuery怎么将所有的p标签绑定点击事件，其添加相应的的background-image，（背景图片不同）。
这里把所有图片放在数组中，怎么和每个的p标签进行绑定？

<div>
  <p>AAAAAAAA</p>
  <p>BBBBBBBBBBB</p>
</div>
<div>
  <p>CCCCCCCC</p>
  <p>DDDDDDDDD</p>
  <p>FFFFFFF</p>
</div>

      arr1: ['./images/c1OFC.png', './images/c1SF.png', './images/c2ACA.png', './images/c2OFC.png', './images/c2SF.png'],

Answer 1

$("p").each((index, dom) => {
  $(dom).css("background", `url(${arr1[index]})`);
});

Answer 2

arr1: ['./images/c1OFC.png', './images/c1SF.png', './images/c2ACA.png', './images/c2OFC.png', './images/c2SF.png'],
var ps=$("p")
$.each(ps,function(index,obj){  //index:索引obj:循环的每个元素
    $(obj).css(｛"background-image":"url(" + arr1[index] + ")"｝);
}); 

有帮助的话采纳一下哦！

Answer 3

js获取每一个p标签，然后循环改变背景图片

获取p标签....style.background = "url("+./images/c1OFC.png+") no-repeat";

Answer 4

//改变背景
$('p').each((index,item)=>$(item).css('background-image','url('+arr1[index]+')'))
//绑定click事件
$('p').each((index,item)=>$(item).click(e=>console.log('p'+index+$(item).text())))