新建一個html文件,定名為test.html,用于講解jquery怎么獲取當前元素的兄弟元素。
在test.html文件內,引入jquery.min.js庫文件,當作功加載該文件,才能利用jquery中的方式。
在test.html文件內,在p標簽內,利用span標簽建立多行文字,例如,這里建立四行文字。
在test.html文件內,編寫標簽,頁面的js邏輯代碼將寫在該標簽內。
在js標簽中,經由過程獲得span對象,給每一個span元素綁定click事務,當span元素被點擊時,執行function()方式。
在function()方式內,經由過程$(this)獲適當前點擊的span對象,利用siblings()方式獲得它的兄弟對象,為了顯示結果,這里利用css()方式將這些兄弟元素的文字顏色改為藍色。
在瀏覽器打開test.html文件,點擊文字,查看實現的結果。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!