Javascript 获取div外没有id的下一个textarea

我需要获取下一个文本区域，但我无法使用下一个，甚至无法找到

示例代码HTML：

<div>
    <div class="guides_chapters_button" onclick="surroundtest('[center]', '[/center]');">Center</div>
    <div class="guides_chapters_button" style="text-decoration: underline;" onclick="surround('[u]', '[/u]');">u</div>
</div>
<textarea class="guides_chapters_textarea" id="textareamatch" name="matchupm" rows="7" cols="25"></textarea>

JS小提琴：

---

我需要处理的是surroundtest，另一个是示例处理，但使用id。我希望替换该示例，因为我使用克隆对象。surroundtest中的

此
语句适用于
窗口
对象，而不是元素。您应该做的是将函数定义更改为：

function surroundtest(element, text2,text3){
    var c = $(element).parent().next('textarea');
    ...
}

以及相应的HTML：

<div class="guides_chapters_button" onclick="surroundtest(this, '[center]', '[/center]');">Center</div> 

中心
如果这是您要使用的HTML，那么也可以使用.closest（）来获取textarea元素。如下所示：

var c = $(element).parent().closest('textarea');

如何解决包装问题？这就是为什么我用另一个窗户的原因。
var c = $(element).parent().closest('textarea');