這次給大家?guī)砣绾潍@取dom內class的值，獲取dom內class值的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。
vue點擊給dom添加class然后獲取含有class的dom
<p class="chose-ck" v-for="(item,index2) in colors" :key="index2" ref="chosebox">
??????????????????<p>{{item.name}}</p>
??????????????????<dt v-for="(item2,index) in item.childsCurGoods" :key="item2.id" :class="index==iac[index2]?'check':''" :id="item2.id" :data-chosename="item.name" :data-choseidname="item2.name" :data-chose="item.id" :data-id="item2.id" @click="chek(index2,index)" >
????????????????????{{item2.name}}
??????????????????</dt>
????????????????</p>js
??chek(index2,?index)?{
??????this.iac[index2]?=?index
??????this.iac?=?this.iac.concat([]);
??????this.checkchose()
????},
????checkchose:function(){
??????var?chose=this
??????var?chosedom=chose.$refs.chosebox
??????console.log(chosedom)
??????for?(var?i=0;i<chosedom.length;i++)?{
????????var?children=chosedom[i].children
????????for?(var?j=0;j<children.length;j++)?{??
??????????if(children[j].className=="check")
??????????{
????????????console.log(children[j])
??????????}
????????}
??????}
??????
????}
點擊過后獲取到的dom打印
if(children[j].className=="check")
加了判斷為什么打印出來的dom是點擊之前的dom
相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關注php中文網(wǎng)其它相關文章！
推薦閱讀：
以上是如何獲取dom內class的值的詳細內容。更多信息請關注PHP中文網(wǎng)其他相關文章！
熱AI工具
Undress AI Tool
免費脫衣服圖片
Undresser.AI Undress
人工智能驅動的應用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機
Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)
如何在Python中獲取文件擴展名？
Sep 08, 2023 pm 01:53 PM
Python中的文件擴展名是附加在文件名末尾的后綴，用于表示文件的格式或類型。它通常由三個或四個字符組成，文件名后跟一個句點，例如“.txt”或“.py”。操作系統(tǒng)和程序利用文件擴展名來確定文件的類型以及應如何處理它。被識別為純文本文件。Python中的文件擴展名在讀取或寫入文件時至關重要，因為它建立了文件格式以及讀取和寫入數(shù)據(jù)的最佳方法。例如，“.csv”文件擴展名是讀取CSV文件時使用的擴展名，而csv模塊則用于處理該文件。Python中獲取文件擴展名的算法在Python中操作文件名字符串來
谷歌安全碼在哪里獲取
Mar 30, 2024 am 11:11 AM
谷歌驗證器是一種用于保護用戶賬戶安全的工具，其密鑰是用于生成動態(tài)驗證碼的重要信息。如果忘記了谷歌驗證器的密鑰，只能通過安全碼進行驗證，那么下文本站小編就將為大家?guī)砉雀璋踩a在哪里獲取的詳細內容介紹，希望能幫助到大家，想要了解的用戶們就請跟著下文繼閱讀吧！首先打開手機設置，進入設置頁面。下拉頁面，找到Google。進入Google頁面，點擊Google賬號。進入賬號頁面，點擊驗證碼下方的查看。輸入密碼或者使用指紋驗證身份。獲得Google安全碼，利用安全碼驗證谷歌身份。
簡易JavaScript教程：獲取HTTP狀態(tài)碼的方法
Jan 05, 2024 pm 06:08 PM
JavaScript教程：如何獲取HTTP狀態(tài)碼，需要具體代碼示例前言：在Web開發(fā)中，經(jīng)常會涉及到與服務器進行數(shù)據(jù)交互的場景。在與服務器進行通信時，我們經(jīng)常需要獲取返回的HTTP狀態(tài)碼來判斷操作是否成功，根據(jù)不同的狀態(tài)碼來進行相應的處理。本篇文章將教你如何使用JavaScript獲取HTTP狀態(tài)碼，并提供一些實用的代碼示例。使用XMLHttpRequest
使用math.Max函數(shù)獲取一組數(shù)中的最大值
Jul 24, 2023 pm 01:24 PM
使用math.Max函數(shù)獲取一組數(shù)中的最大值在數(shù)學和編程中，經(jīng)常需要找出一組數(shù)中的最大值。在Go語言中，我們可以使用math包中的Max函數(shù)來實現(xiàn)這個功能。本文將介紹如何使用math.Max函數(shù)來獲取一組數(shù)中的最大值，并提供相應的代碼示例。首先，我們需要導入math包。在Go語言中，導入包可以使用import關鍵字，如下所示：import"mat
即刻獲取最新更新：修復缺少最新更新問題
Nov 08, 2023 pm 02:25 PM
如果“最新更新可用后立即獲取最新更新”選項缺失或灰顯，則你可能正在運行開發(fā)人員頻道Windows11版本，這是正常的。對于其他人，安裝KB5026446（22621.1778）更新后會出現(xiàn)問題。您可以采取以下措施來取回“在最新更新可用時立即獲取更新”選項。如何取回“在最新更新可用時立即獲取更新”選項？在開始以下任何解決方案之前，請確保檢查最新的Windows11更新并安裝它們。1.使用ViVeTool轉到“Microsoft更新目錄”頁面并查找KB5026446更新。在您的PC上下載并重新安裝更
如何在Java中獲取LinkedHashSet的最后一個元素？
Aug 27, 2023 pm 08:45 PM
從Java中的LinkedHashSet中檢索最后一個元素意味著檢索其集合中的最后一個元素。盡管Java沒有內置方法來幫助檢索LinkedHashSets中的最后一個項，但存在多種有效的技術，可以提供靈活性和便利性，有效地檢索此最后一個元素而不破壞插入順序-這是Java開發(fā)人員必須在其應用程序中有效處理的問題。通過將這些策略有效地應用于他們的軟件項目中，他們可以實現(xiàn)滿足此要求的最佳解決方案LinkedHashSetLinkedHashSet是Java中的一種高效數(shù)據(jù)結構，它結合了HashSet和
Java程序獲取給定文件的大小（以字節(jié)、千字節(jié)和兆字節(jié)為單位）
Sep 06, 2023 am 10:13 AM
文件的大小是特定文件在特定存儲設備（例如硬盤驅動器）上占用的存儲空間量。文件的大小以字節(jié)為單位來衡量。在本節(jié)中，我們將討論如何實現(xiàn)一個java程序來獲取給定文件的大小（以字節(jié)、千字節(jié)和兆字節(jié)為單位）。字節(jié)是數(shù)字信息的最小單位。一個字節(jié)等于八位。1千字節(jié)(KB)=1,024字節(jié)1兆字節(jié)(MB)=1,024KB千兆字節(jié)(GB)=1,024MB和1太字節(jié)(TB)=1,024GB。文件的大小通常取決于文件的類型及其包含的數(shù)據(jù)量。以文本文檔為例，文件的大小可能只有幾千字節(jié)，而高分辨率圖像或視頻文件的大小可
獲取給定復數(shù)的虛部的C++程序
Sep 06, 2023 pm 06:05 PM
現(xiàn)代科學在很大程度上依賴于復數(shù)的概念，這一概念最初是通過GirolamoCardano在16世紀引入的在17世紀初建立。復數(shù)的公式是a+ib，其中a保留html代碼并且b是實數(shù)。一個復數(shù)被認為有兩個部分：實部<a>和虛部(<ib>)。i或iota的值為√-1。C++中的復數(shù)類是一個用于表示復數(shù)的類。C++中的complex類可以表示并控制幾個復數(shù)操作。我們來看一下如何表示和控制顯示復數(shù)。imag()成員函數(shù)如前所述，復數(shù)由實部和虛部兩部分組成。顯示實部我們使用real()
