jquery - jQuery检查不同页面上的信息以影响当前页面

Question

您好 jQuery 您能否查看不同的页面，如果该页面上存在元素或属性，它会在当前页面上进行更改吗？

我有一个包含一系列产品（.productListItem）的列表页面，其中包含指向包含产品信息（包括库存水平）的页面的链接。

我正在尝试检查列表页面（当前页面）上每个产品的产品页面（不同页面）上的库存水平，如果没有库存，则从列表页面（当前页面）中隐藏该产品。

我编写了这个脚本来遵循当前产品的 href 并简单地记录它可以返回的信息：

$('.productListItem .itemContainer>a').each(function(){

    var storePLU = $(this).attr('href');
    var stockURL = storePLU + 'stock/';

    $.get( stockURL, function( data ) {
      console.log( data );
    });

  });

它会像这样将一些信息返回到控制台，看起来可以使用：

<div id="itemOptions" data-stock="false">
  <div id="sizeOptions" class="sizeOptions ">
    <h3>
          Out Of Stock
    </h3>
  </div>
</div>

我相信我应该能够使用这些信息（但我还没有弄清楚如何），例如，使用控制台中记录的信息：

if data-stock="false" ( .productListItem, this ).hide();

或者

if #itemOptions #sizeOptions h3:contains("Out Of Stock") ( .productListItem, this ).hide();

标签： jquery