Javascript div网格中一个元素的CSS选择器

我想要一个CSS选择器，它返回带有114、214和314的div。我尝试了以下方法：

$(".test div:first>div:nth-of-type(4)"));

但它只返回带有114的div。哪种选择器适用于这三种情况？谢谢

<div class = "test">
<div><div>111</div><div>112</div><div>113</div><div>114</div><div>115</div><div>116</div></div>
<div><div>121</div><div>122</div><div>123</div><div>124</div><div>125</div><div>126</div></div>
<div><div>131</div><div>132</div><div>133</div><div>134</div><div>135</div><div>136</div></div>
<div><div>141</div><div>142</div><div>143</div><div>144</div><div>145</div><div>146</div></div>
</div>
<div class = "test">
<div><div>211</div><div>212</div><div>213</div><div>214</div><div>215</div><div>216</div></div>
<div><div>221</div><div>222</div><div>223</div><div>224</div><div>225</div><div>226</div></div>
<div><div>231</div><div>232</div><div>233</div><div>234</div><div>235</div><div>236</div></div>
<div><div>241</div><div>242</div><div>243</div><div>244</div><div>245</div><div>246</div></div>
</div>
<div class = "test">
<div><div>311</div><div>312</div><div>313</div><div>314</div><div>315</div><div>316</div></div>
<div><div>321</div><div>322</div><div>323</div><div>324</div><div>325</div><div>326</div></div>
<div><div>331</div><div>332</div><div>333</div><div>334</div><div>335</div><div>336</div></div>
<div><div>341</div><div>342</div><div>343</div><div>344</div><div>345</div><div>346</div></div>
</div>

111112113114115116
121122123124125126
131132133134135136
141142143144145146
211212213214215216
221222223224225226
231232233234235236
241242243244245246
311312313314315316
321322323324325326
331332333334335336
341342343344345346

使用，而不是

：首先

从jQuery3.4开始，不推荐使用：first伪类。移除它 然后使用.first（）筛选结果

：first伪类等价于：eq（0）。也可能是 写为：lt（1）。虽然这只匹配一个元素， ：第一个子项可以为每个父项匹配多个：1

$(".test div:first-child>div:nth-of-type(4)")