选择具有特定属性的最后一个元

Question

我有一个像这样的选择结构

<option value="3" data-type="main"> Main Group 1 </option>
<option value="4" data-type="sub"> Sub Group 1 </option>
<option data-connectionid="1" value="1"> Item 1 </option>
<option value="3" data-type="main">Main Group 2 </option> // i want to get this
<option value="3" data-type="sub">Sub Group 2</option>
<option data-connectionid="2" value="2">Item 2</option>

我想获得数据属性data-type="main"的最后一个选项，这些选项是动态生成的。

或者，如果可能的话，我想从data-type="main"的最后一个选项开始循环直到结束。

Answer 1

var el = document.querySelectorAll('select > option[data-type="main"]')
console.log(el[el.length-1].innerHTML)

JSFiddle

Answer 2

对于jQuery：

$("option[data-type='main']").last();