使用 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>