Question

我有一个如下按钮，我想更改其上的span类名。但是以下代码不起作用。我怎么能这样做？

<button id="btn_new">
<span class="ui-icon ui-icon-plus"></span>new
</button>

jquery代码：

$('#btn_new').click(function({
   $(this).find('span').toggleClass('ui-icon-plus ui-icon-tick');
});

我也试过这个：

$('#btn_new').click(function({
   $(this).find('span').removeClass('ui-icon-plus').addClass('ui-icon-tick');
});

Answer 1

Working Fiddle

$('#btn_new').click(function(){

   $(this).find('span').toggleClass('ui-icon-plus ui-icon-tick');
});

Answer 2

你可以像这样尝试removeClass和addClass

$('#btn_new').click(function({ 
      $(this).find('span').removeClass('ui-icon-plus');
      $(this).find('span').addClass('ui-icon-tick');
});

Answer 3

$('#btn_new').click(function(e){
   e.preventDefault();   
   var caption=$.trim($(this).text());
   var icon=$(this).find('span');
   if(caption == 'new'){ 
    $(this).text('save'); 
    icon.toggleClass('ui-icon-plus ui-icon-check'); 
   } 
});

Answer 4

您忘记在点击事件中关闭括号。 function()

$('#btn_new').click(function(){ //Here
   $(this).find('span').toggleClass('ui-icon-plus ui-icon-tick');
});

<强> Working Fiddle

Answer 5

$('#btn_new').click(function(){
   $(this).find('span').toggleClass('ui-icon-plus').toggleClass('ui-icon-tick');
});

Answer 6

请试试这个

$(document).ready(function(){
    $('#btn_new').click(function(){
    $(this).find('span').toggleClass('ui-icon-plus ui-icon-tick');
    });
});

也请不要忘记添加

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

如果没有添加

Answer 7

我在这里尝试但是有不同的等级

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn_new").click(function(){
   $(this).find('span').toggleClass('main');
});
});
</script>
<style>
.main {
    font-size: 120%;
    color: red;
}
</style>
</head>
<body>
<button type="button" id="btn_new">
<span class="main">new</span>
</button>

</body>
</html>

及其工作

Answer 8

请试试这个：

UPDATE db2.customer e1 
INNER JOIN db1.user ur ON e1.mobileNo = ur.`mobile NO`
SET e1.userId = ur.userId, 
    e1.`Email Id` = ur.EmailId, 
    e1.`Date of birth` = ur.dob;

Answer 9

谢谢evrey one：它的工作。我的错误是我更改了按钮文本，当span在按钮内时，我的代码删除了span并在其上添加了新文本。我把另一个跨度，现在它的工作。

我的HTML：

 <button id="btn_new"><span class="ui-icon ui-icon-plus"></span><span>new</span></button>

我的jquery：

$('#btn_new").click(function(){
   var caption=$(this).find('span:last').text();
   if(caption =='new'){
      $(this+'span:last').text('save');
      $(this+'span:first').toggleClass('ui-icon-plus ui-icon-tick');
   }
}

jquery在单击按钮内更改跨度的类

9 个答案: