Javascript jquery文本函数-如何传递所选元素的当前值

Javascript jquery文本函数-如何传递所选元素的当前值,javascript,jquery,Javascript,Jquery,HTML: -主割台 JQuery: $('tr.headlow')。单击(函数(){ //找到头枕内的跨距并将其值切换为“+” $(this.find('span').text(); }); > 现在我需要在jQuery文本函数中添加一些东西,通过它我可以切换所选元素的文本值(这里是span)。我基本上想改变它“+”,如果它的当前值是“-”,反之亦然,看起来你想切换文本 $('tr.headlow')。单击(函数(){ //找到头枕内的跨距并将其值切换为“+” $(this).find

HTML:


-主割台
JQuery:

$('tr.headlow')。单击(函数(){
//找到头枕内的跨距并将其值切换为“+”
$(this.find('span').text();
});
>

现在我需要在jQuery文本函数中添加一些东西,通过它我可以切换所选元素的文本值(这里是span)。我基本上想改变它“+”,如果它的当前值是“-”,反之亦然,看起来你想切换文本

$('tr.headlow')。单击(函数(){
//找到头枕内的跨距并将其值切换为“+”
$(this).find('span').text(函数(i,t){
返回t.trim();
});
});

-主割台
-主割台
-主割台

看起来您想要切换文本

$('tr.headlow')。单击(函数(){
//找到头枕内的跨距并将其值切换为“+”
$(this).find('span').text(函数(i,t){
返回t.trim();
});
});

-主割台
-主割台
-主割台

您可以使用带有
html
的函数根据内容修改内容:

JSFiddle:


text()。我习惯性地使用
html()

您可以使用
html
函数根据内容修改内容:

JSFiddle:


text()。我使用
html()
是出于习惯:)

元素有一个
id
,因此您可以通过它进行选择,但是考虑到您的结构,您可能会有重复的id,而它们应该是唯一的?元素有一个
id
,因此您可以通过它进行选择,然而,考虑到你的结构,似乎你可能有重复的ID,而它们应该是唯一的?这与Arun P的ans完全相同。@Query Angry Bird:它们只是相似而已。很明显,我们是同时在做这件事。没什么,你也会得到的+1@Query愤怒的小鸟:这一切都是值得的:)为什么要从OP使用的
text()
转向
.html()
,在这种情况下,前者至少适合于什么时候?这与Arun P的ans完全相同。@Query愤怒的小鸟:它们只是相似而已。很明显,我们是同时在做这件事。没什么,你也会得到的+1@Query愤怒的小鸟:这一切都是值得的:)为什么要从OP使用的
text()
转向
.html()
,而前者至少在这种情况下同样适用?这个答案包含重复(三份?)ID!我们的眼睛受伤:)@PeterHerdenborg我刚才复制了同一行3次:(这个答案包含重复的(三份?)ID!我们的眼睛受伤:)@PeterHerdenborg我刚才复制了同一行3次:(
<tr class="headrow">
    <th colspan="3"><span id="bigspan">-</span> Main Header </th>
</tr>
$('tr.headrow').click(function () {
    // Find the span inside the headrow and toggle its value to '+'
   $(this).find('span').text(<<HOW?>>);
});


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