從按鈕列表中刪除某些文本值

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-" />