使用 jQuery 将 ID 内的类与 ID 内的另一个类进行比较

Question

过去 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！）

Answer 1

你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>