jquery令人困惑的代码

Question

我正在从Web示例中学习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选择器API文档轻松解答:

• 元素选择器
• attribute-contains选择器

在你问之前请先尝试研究!