ボタンが<tr>要素内にない場合にif条件を実行

Question

buttonがtrの内部にない場合にのみ、if条件を実行します。ここに私のコード：

if (!$("tr").hasClass('hidebutton')) { 
    var OriginalContent = $("#tabletask tr[data-id='" + parrentid + "'] > td:first-child").text(); 
    $("#tabletask tr[data-id='" + parrentid + "'] > td:first-child").html("<button class=hidebutton>-</button> " + OriginalContent + " "); 
} 

しかし、それは動作していません。条件は常に実行されています。

Answer 1

私はあなたがほしいものを少し得ると思います。

「tr」の中にボタンが見つからなければ、ボタンを作成したようですね。私が正しいならば、あなたは以下のスニペットをプレイするかもしれません。あなたは

html("<button class=hidebutton>-</button> " + OriginalContent + " "); 

あなたは以下を参照してください。この「hidebutton」のようhidebutton囲む必要があり、このライン上で何かを逃したような方法によって

if(!$("tr button").hasClass("hidebutton")){ 
$("#tabletask tr[data-id='" + parrentid + "'] > td:first-child").html('<button class="hidebutton">-</button> ' + OriginalContent); 
} 

は、それはそうです。

.html("<button class='hidebutton'>-</button> " + OriginalContent + " "); 

Answer 2

もう一つの方法は、ループを使用することです：// stackoverflowの：

$("tr").each(function(index, value) { 
    if (!$(this).hasClass('hidebutton')){ 
     console.log($(this,"td:first-child").text()); 
    } 
}); 

は、[データ-IDを使用して場合はnull表示なし]（HTTPのjsfiddle