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> 

これは動作しません、あなたが$(this).parent().find('.text').text();これを使用することができ、それを修正するために

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

Answer 1

をウル助けが必要でしょう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