从按钮列表中删除某些文本值

Question

我有一个按钮列表。单击时，它会将“选定”文本附加到按钮的现有值。

当单击一个按钮时，如果文本在那里，我想从其他按钮中删除“选定”文本。

基本上它应该像 - 循环遍历区域中的所有按钮（它们都有一个searchResult类），并从每个按钮中删除“selected”值（如果它存在的话）。

下面是每个按钮的代码：

<input type="button" class="searchResult" onclick="$(\'#usersToSend > *\').css(\'background-color\', \'#fff\'); 
var oldValue = this.value; 
this.value=\'(selected) \' + oldValue; this.style.backgroundColor = \'#51CA3E\'; 
document.getElementById(\'hiddenUserFlag\').value = \''.$row['id'].'\';" 
value="'.$row['username'].'"> 

下面是代码位要注意：

$(\'#usersToSend > *\').css(\'background-color\', \'#fff\'); 
var oldValue = this.value; 
this.value=\'(selected) \' + oldValue; 
this.style.backgroundColor = \'#51CA3E\'; 

Answer 1

您可以使用:contains()选择和text()方法如下图所示：

$("button").click(function(){ 
 
    $("button:contains('selected')").text(function(){ 
 
    return this.innerHTML.replace("selected",""); 
 
    }) 
 
    this.innerHTML+= "selected"; 
 
});

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

更新：以上将无法使用<input>按钮。对于那些使用.filter()和.val()方法asfollows：

$(":input").click(function(){ 
 
    $(":input").filter(function(){ 
 
    return this.value.indexOf("selected") > 0 
 
    }).val(function(){ 
 
    return this.value.replace("selected",""); 
 
    }) 
 
    this.value+= "selected"; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" value="button-" /> 
 
<input type="button" value="button-" /> 
 
<input type="button" value="button-" />