如何获取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