JQuery текст функции - как передать текущее значение выбранного элемента

Question

HTML:

<tr class="headrow"> 
    <th colspan="3"><span id="bigspan">-</span> Main Header </th> 
</tr> 

JQuery:

$('tr.headrow').click(function() { 
    // Find the span inside the headrow and toggle its value to '+' 
    $(this).find('span').text(<<HOW?>>); 
}); 


<<HOW?>>> 

Теперь мне нужно добавить что-то в текстовую функцию jQuery, с помощью которой я могу переключать текст val выбранного элемента (здесь это span). Я в принципе хочу, чтобы изменить его «+», если его текущее Допустимы «-» и наоборот

Answer 1

Похоже, вы хотите, чтобы переключить тексту

$('tr.headrow').click(function() { 
 
    // Find the span inside the headrow and toggle its value to '+' 
 
    $(this).find('span').text(function(i, t) { 
 
    return t.trim() == '-' ? '+' : '-'; 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table> 
 
    <tr class="headrow"> 
 
    <th colspan="3"><span id="bigspan">-</span> Main Header</th> 
 
    </tr> 
 
    <tr class="headrow"> 
 
    <th colspan="3"><span id="bigspan1">-</span> Main Header</th> 
 
    </tr> 
 
    <tr class="headrow"> 
 
    <th colspan="3"><span id="bigspan2">-</span> Main Header</th> 
 
    </tr> 
 
</table>

Answer 2

Вы можете использовать функция html для изменения содержимого, на основе содержания:

JSFiddle: http://jsfiddle.net/TrueBlueAussie/vwtmwz0a/2/

text() так же хорош в этом случае. Я использую html() из привычки :)