2016-03-20 52 views
0

我的html和jquery代碼如下所示,但由於某種原因,我可以更改跨度的文本。我嘗試與查找和最接近的方法。有任何想法嗎?感謝無法使用jquery查找和更改跨度文本

<body> 
<span class="classA">Text A</span> 
<input id="testId" type="file" name="files" class="fileUp"> 
<span class="classA">Text B</span> 

<script type="text/javascript"> 

    $(document).ready(function() { 
     $("input.fileUp").change(function (event) { 
      $(this).closest('span.classA').text('testing'); 
      $(this).find('span.classA').text('testing'); 

     }); 
    }); 
</script> 
</body> 
+0

使用:$(本).parent()找到( 'span.classA')文本( '測試'); –

回答

1

span.classA不是.fileUp最接近的元素。使用prev()方法如下。

$("input.fileUp").change(function (event) { 
 
    $(this).prev('span.classA').text('testing'); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span class="classA">Text A</span> 
 
<input id="testId" type="file" name="files" class="fileUp"> 
 
<span class="classA">Text B</span>