javascript - jquery 令人困惑的代码

Question

我正在通过网络示例学习 Jquery 和 Javascript。我有很好的工作知识，但有些代码仍然让我困惑。以下代码用于购物车，以隐藏结帐按钮并替换为显示有关最低购物车要求的消息的 div。不过，有一部分代码让我感到困惑。

function getCollectionCount() {
  var totalCollectionCount = 0;    
  var collection = $('td[alt*="Collection"]');
  for (var i = 0; i < collection.length; i++) {
    var curVal = $(collection[i]).find("select").val();
    if (curVal != undefined){
      totalCollectionCount += parseInt(curVal);
    }
  }

这部分是什么意思？

var collection = $('td[alt*="Collection"]');

Answer 1

td[alt*="Collection"]选择全部 <td>元素 alt属性包含 Collection ，如:

<td alt="Collection"></td>
<td alt="CollectionFoo"></td>
<td alt="BarCollection12324343"></td>

但不是

<td></td>
<td alt=""></td>
<td alt="Foo"></td>

<小时/>

旁注:这是一个非常基本的问题，可以通过阅读 jQuery selectors API documentation 轻松回答。 :

• element selector
• attribute-contains selector

请在提出问题之前尝试先进行研究!