如何在div元素中获取文本？

Question

我需要点击div来获取input元素的文字：

<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

您可以向div元素添加id，然后使用选择器访问该元素：

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

的Javascript

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

一些Documentation