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

我有这样一个选择选项结构

<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>

主组1
第1分组
项目1
主组2//我想得到这个
第2分组
项目2

我想得到最后一个带有数据属性的选项，这些选项是动态生成的

或者，如果可能的话，我想从最后一个选项开始循环，从

data type=“main”

一直循环到最后

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

对于jQuery：

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

---

可以从那个选项开始循环吗？你想循环什么？多亏了你我才知道。然后我使用了.index（）。使用该索引对select的选项进行切片。