Изменение .html каждого <td> по клику

Это моя первая попытка с нуля, с нуля, я не уверен, что правильно ее понимаю. Я пытаюсь изменить то, что <td> имеет + в нем - при щелчке и наоборот. У меня нет ошибок, и я не уверен, что конкретно я делаю неправильно. Ничего не происходит при нажатии. У меня есть другой jquery на странице, который отлично работает.Изменение .html каждого <td> по клику

echo "<script type'text/javascript'> 
$('.plus_minus').each(function() { 
    $(this).click(function(){ 
     if ($(this).html() == '+'){ 
      $(this).html = '-'; 
     } 
     else { 
      $(this).html = '+'; 
     } 

    }) 
}); 

</script>";

HTML, выглядит

echo '<tr align="right" class="loc"><td class="plus_minus" width="20" align="center" 
      bordercolor="#000000" 
      style="cursor:pointer;font-size:10pt;font-weight:bold; 
      border-style:solid;border-width:1pt">+</td>';

Любая помощь будет высоко ценится!

источник

2016-10-17 Logan Voss

1. Откройте консоль разработчиков. 2. '$ (this) .html ('-');' –

, вы пытаетесь назначить обработчик кликов когда-либо классу .plusminus, что является неправильным способом его выполнения. У вас должен быть один обработчик, который заботится о их всех, например '$ (. plus_minus) .on ('click', function (e) {$ (this) .html ...});' –

@MarcB Я изменил его на '$ ('. plus_minus'). on (' click ', function (e) {', а затем то, что у меня было выше, все еще не работает –

$('.plus_minus').each(function() { 
 
    $(this).click(function(){ 
 
     if ($(this).text() == '+'){ 
 
      $(this).text('-'); 
 
     } 
 
     else { 
 
      $(this).text('+'); 
 
     } 
 

 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
<tr align="right" class="loc"><td class="plus_minus" width="20" align="center" 
 
      bordercolor="#000000" 
 
      style="cursor:pointer;font-size:10pt;font-weight:bold; 
 
      border-style:solid;border-width:1pt">+</td> 
 
</tr> 
 
</table>

источник

2016-10-17 20:13:29 mbadeveloper

Это сработало! Я думаю, это был .html, который был виновником –

Изменение .html каждого <td> по клику

ответ

Смежные вопросы