javascript 如何針對不同pop 頁面呼叫

javascript css html php 網頁設計

alanotmt 2022-08-23 15:12:24 ‧ 1158 瀏覽

分享至

以下為codepen:
https://codepen.io/alanotmt/pen/WNzMqqJ?editors=1111

我有三個pop 的頁面分別是 p1/p2/p3
每個內容都不一樣，

我嘗試$(".pop p1").fadeIn(400) 好像也沒有反應，
永遠都只會跳到最後一個pop p3的頁面

請問該如何指定 p1/p2/p3 class 頁面做呼叫?

froce iT邦大師 1 級 ‧ 2022-08-23 15:27:21 檢舉

先說答案:
$(".p1")

html中，id是唯一的，當一個頁面中有多個相同id的元素，程式會抓第一個
class則是在同一元素可以有多個，多個元素可以有相同的class，class="pop p1"，就代表這元素有兩個class，分別是pop、p1

所以當你用 $(".pop") 時，取到的會是所有有class="pop"的元素。