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