javascript - 如何获取上一个文本区域元素

Question

我想在点击文本区域旁边的按钮后从文本区域获取文本。

问题是我会有很多文本区域，每个按钮都必须返回与其对应的文本区域的文本。

这是我的代码

function btnmodif(){

	var mod = $(this).prev().val();
	
	alert(mod);
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<div class="list-item-edit">
   <textarea class="list_input">eggs</textarea>				
    <button class="btn btn-modify-item" onClick="btnmodif()">get text</button>
 				
 			</div>

<div class="list-item-edit">
   <textarea class="list_input">water</textarea>				
    <button class="btn btn-modify-item" onClick="btnmodif()">get text</button>
 				
 			</div>

Answer 1

你必须将 object clicked 传递给 btnmodif 函数。

<button class="btn btn-modify-item" onClick="btnmodif(this)">get text</button>

JS

function btnmodif(button){
    var mod = $(button).prev().val();
    alert(mod);
};

此外，您应该使用.prev 函数。

阅读更多关于 .prev() 函数的信息，here .

function btnmodif(button){
	var mod = $(button).prev().val();
	alert(mod);
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<div class="list-item-edit">
   <textarea class="list_input">eggs</textarea>				
    <button class="btn btn-modify-item" onClick="btnmodif(this)">get text</button>
 				
</div>

<div class="list-item-edit">
   <textarea class="list_input">water</textarea>				
    <button class="btn btn-modify-item" onClick="btnmodif(this)">get text</button>
 				
</div>