過去 5 天我已經編碼了約 60 多個小時，所以如果由于倦怠而導致這個問題太微不足道，我深表歉意:-)我有一些像這樣的 HTML：<div id="blah1_1"> <label for="blah1_1"> <span class="inner">hi</span> </label></div><div id="blah1_2"> <label for="blah1_2"> <span class="inner">yes</span> </label></div><div id="blah2_1"> <label for="blah2_1"> <span class="inner">yes</span> </label></div><div id="blah2_2"> <label for="blah2_2"> <span class="inner">no</span> </label></div>我想做的就是使用 jQuery 來：1.) 獲取“#blah1_1 .inner”的 CSS 等效值。我試過： alert ( $("#blah1_1 .inner").val() );但失敗了。2.) 比較#blah1_1.inner價值#blah2_1.inner。如果相等，則回顯確認。3.) 雙重循環blah1_*“數組”并將其與 blah2_*“數組”進行比較。如果blah1_[x] = blah2_[y]則回顯確認。例如，將所有blah1_*'s 與blah2_1... 進行比較，然后將blah1_*s 與進行比較blah2_2，等等。請提供一點深夜/紅眼幫助嗎？（TIA?。?
1 回答
揚帆大魚
TA貢獻1799條經驗 獲得超9個贊
你alert ( $("#blah1_1 .inner").val() );應該alert ( $("#blah1_1 .inner").text() );
那么您可以使用屬性選擇器來選擇這兩個集合blah1_*并blah2_*
然后使用.each()?jQuery 方法迭代標簽：
然后進行比較：
$(document).ready(function() {
? const elms1 = $('[id^="blah1"]');
? const elms2 = $('[id^="blah2"]');
??
? const labels1 = elms1.find('label');
? const labels2 = elms2.find('label');
??
? labels1.each(function(index1, el1){?
? ? labels2.each(function(index2, el2){
? ? ? console.log($(el2).text() === $(el1).text())
? ? })
? })
})
<div id="blah1_1">
? <label for="blah1_1">
? ? <span class="inner">hi</span>
? </label>
</div>
<div id="blah1_2">
? <label for="blah1_2">
? ? <span class="inner">yes</span>
? </label>
</div>
<div id="blah2_1">
? <label for="blah2_1">
? ? <span class="inner">yes</span>
? </label>
</div>
<div id="blah2_2">
? <label for="blah2_2">
? ? <span class="inner">no</span>
? </label>
</div>
<script
? src="https://code.jquery.com/jquery-3.4.1.min.js"
? integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
? crossorigin="anonymous"></script>
- 1 回答
- 0 關注
- 117 瀏覽
添加回答
舉報
0/150
提交
取消