如何獲取div元素中的文本？

Question

我需要通過點擊input擺脫div元素的文本：

<td> 
<div class="modal-col s4 m12 modal-html"> 
<div class="text">Text I needed</div> 
</div> 
<input type="image" src="/Content/images/filedel.png" class="delete-file" /> 
</td> 

這是不行的，需要烏爾幫助解決它

var name = $(this).closest('.text').text(); 

Answer 1

可以使用$(this).parent().find('.text').text();這將找到裏面的td

$('input').click(function(){ 
 
    var name = $(this).parent().find('.text').text(); 
 
    console.log(name) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<td> 
 
<div class="modal-col s4 m12 modal-html"> 
 
    <div class="text">Text I needed</div> 
 
</div> 
 
<input type="image" src="/Content/images/filedel.png" class="delete-file" /> 
 
</td>

類文本

Answer 2

您可以將ID添加到div元素，然後用選擇訪問元素：

<div class="text" id="MyText">Text I needed</div> 

的Javascript

var myText = $("#MyText").html(); 

一些Documentation