Question

这是我的HTML代码：

<div id="trashico">
    <img class="deskico" src="images/trashico.png"/>
    <p><span class="caption">Trash</span></p>
</div>

我想点击span时使用jQuery来更改div的文字。那么我应该写什么jQuery？

Answer 1

你可以这样做

$('#trashico').click(function(){
   $(this).find('span').text('your text');
});

Answer 2

您可以更改点击事件的span文字 -

$('#trashico').on('click', function() {
    $(this).find('span').text('new text');
})

Fiddle

Answer 3

编写以下点击事件

$('#trashico').click(function(){
   $('.caption').text('What ever new name you want');
})

更新回答

至于你试图实现的是Windows F2的功能。尝试以下逻辑。你必须使用我给出的基本想法来实现它。

$('#trashico').click(function(){
    $(this).addClass('active'); //Add a seperate class to identify on what is clicked
})

$(document).keyup(function(e){
   if(e.keycode == 113 && $('.active').length > 0){
      $('.caption').text('change name');
   }
})

上面的代码会在页面上的点击图标中添加一个类。在Windows上选择的文件夹排序。然后有一个绑定到文档的keyup事件，它会监听按下的键。当它达到113（是F2的键码）时，if条件将为真，你可以更改名称。

这是OS重命名功能的基本逻辑。你必须通过这个基础来达到你的要求。

Answer 4

$('#trashico').click(function() {
  $('#trashico > p > span').text("changed text");

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="trashico">
  <img class="deskico" src="images/trashico.png" />
  <p><span class="caption">Trash</span>
  </p>
</div>

Answer 5

尝试以下解决方案。我们在此处使用类span更改caption标记的文字：

$("#trashico").click(function(){
   $(this).find(".caption").text('New Text') }
});

使用jquery单击时更改span元素的文本

5 个答案: