jquery - 如何使用 jQuery 隐藏 <dl> 的前两个元素？

Question

编辑:2 忘记这一切，谢谢你的帮助!我的问题是修复其他导致问题的 JS。在所有浏览器上都很好。

<小时/>

不确定我应该在此处进行编辑还是为此启动一个新线程，但这是我第一次寻求帮助的后续。

Roko (@user2469528) 提供的代码很有效，所以谢谢你，但似乎只在 Chrome 中可以(我在检查我的工作时使用)，但在 Firefox、IE 和 Safari 中则不然(我刚刚注意到它!)。因此，作为我的第一个查询的扩展，您能帮助我理解为什么会出现这种情况吗？是 JQuery 问题吗？

要查看其实际效果，请访问 the site I am building (BigCommerce 后端)然后将产品添加到购物车，查看购物车，然后单击“计算运费”。由于该网站仅在澳大利亚销售，因此我在此菜单中隐藏了国家和州下拉菜单。在 Chrome 中完美(至少是当前版本!)，但在 FF/Safari/IE10 中则不然...

再次感谢您的任何意见! 中号

原始请求***********************

我试图隐藏前两个<dt>和<dd>一个未命名的列表。该列表位于名为 div 的内部不过，如下所示。

<div class="ShippingMethod">
   <dl>
      <dt>Country</dt>                     <--- Hide
      <dd>Country List</dd>                <--- Hide 
      <dt>State</dt>                       <--- Hide
      <dd>State List</dd>                  <--- Hide
      <dt>Post Code</dt>
      <dd>Post Code List</dd>
   </dl>
</div>

还有其他<dl>在页面上，所以我需要使用“ShippingMethod”类来定位 div 内的这个特定实例。我尝试了该论坛中的一些代码组合，但没有成功。

Answer 1

http://jsbin.com/uciyiv/1/edit <-- 具有相同类的多个元素的演示 .ShippingMethod

$('.ShippingMethod').find('dt:lt(2), dd:lt(2)').hide();

http://api.jquery.com/lt-selector/

Select all elements at an index less than index within the matched set.