不同元素类型的名称属性的 jQuery 选择器

Question

我有一个行表。在其中一列中，某些行具有包含静态文本的跨度，某些行具有可供选择的值的选择。该一列中的所有元素都具有相同的名称属性。在我的表单提交中，我遍历行并希望获取所有列的值。我希望有一个 jQuery 选择器语句来从该元素获取值(span 或 select 的 name 属性为“materialValue”)。我该如何用 jQuery 做到这一点？下面是 html 片段。

<table>
  <tr><td>
      <span id="materialValue1" name="materialValue>ONE</span>
  </td></tr>
  <tr><td>
      <span id="materialValue2" name="materialValue>TWO</span>
  </td></tr>
  <tr><td>
      <select id="materialValue3" name="materialValue>
        <option>ONE</option>
        <option>TWO</option>
        <option>THREE</option>
      </select>
  </td></tr>
  <tr><td>
      <select id="materialValue4" name="materialValue>
        <option>ONE</option>
        <option>TWO</option>
        <option>THREE</option>
      </select>
  </td></tr>
</table>

编辑:我习惯于指定元素类型，然后将属性名称/值放在方括号中。我不确定如何在没有元素类型名称的情况下指定 jquery 选择器。例如$('span[name="materialValue"]', this)。指定 $('[name="materialValue"]', this) 是否合法？我觉得很奇怪。

Answer 1

您所需要的只是一个属性选择器:

$("[name='MaterialValue']")

此外，您在 html 中的属性 name 后面缺少结束引号

看这里作为引用: http://api.jquery.com/attribute-equals-selector/