javascript - 如何遍历 jquery HTMLElement 结果并搜索特定范围或纯文本

Question

我有一个页面，其中加载了几个展开的片段，如果不需要，这些片段就会折叠起来。我需要确定其他造型需求需要哪个部分。

我不太擅长jquery，但我能够获取所需段的tr。我只需要帮助从我的结果(批处理和过期)中获取纯文本标题，或者确定“LotSelection/ExpSelection 跨度是否存在，因为它们不在任何其他段中。假设以下 html 是我的 javascript 变量中的内容:

<td rowspan="2" class="SomeClass level0"></td>
<td class="SomeHeader level0">
<span style="height: 100%; position: relative; top: 25%">Lot and Expiration
    <span id="LotSelection">
            - 000000987
    </span>
    <span id="ExpSelection">
            - 6/2018
    </span>
</span>
    <span style="background: #3A80BB; height: 100%" class="pull-right">
    <span style="line-height:40px;color: red;padding-left:10px;" class="RequiredField">
            Required
    </span>
</span>
</td>
<td rowspan="2" class="tdMarginR level0">
    <img class="imgEx" src="/image/path.png" alt="">
    <img class="collapse-arrow" data-target="#lotDate" style="" src="/some/path.png" alt="">
</td>

Answer 1

我建议稍微改变一下你的逻辑。

var $requiredTR = $('#LostSelection, #ExpSelection').closest('tr');

如果找到这些元素，然后找到它们的父 TR，那么您就知道需要哪个元素了。然后，如果您想隐藏所有其他不需要的内容，那么就很简单:

var $otherTRs = $(selectorForAllTRs).not($requiredTR);
//now do whatever with the $otherTRs