Как проверить значение переменной в JavaScript?

Question

С помощью кода ниже, нажав на кнопку возрастанию должно привести к прячась кнопку ИСС и показывая вместо кнопки DESc, а затем оповещает значение. А при нажатии на кнопку убывание, show() должны быть выполнены для кнопки возрастанию и hide() для кнопки убыв. И значение должно быть снова отображено в предупреждающем сообщении.

Как я могу получить это поведение?

<script src="http://code.jquery.com/jquery-1.7.2.js"></script> 
<form method="post" id="form_content"> 
    <button id="desc" name="desc" value="desc" onclick="reply_click(this.id)">desc</button> 
    <button id="asc" name="asc" value="asc" onclick="reply_click(this.id)" style="display:none;">asc</button> 
</form> 

<script> 
function reply_click(clicked_id) 
{ 
    var content = clicked_id; 
    if (var content = asc) { 
     $('#asc').hide(); 
     $('#desc').show(); 
    } 
    if (var content = desc) { 
     $('#asc').show(); 
     $('#desc').hide(); 
    } 
    alert(content); 
} 
</script> 

Answer 1

if (content === 'asc') { 
    $('#asc').hide(); 
    $('#desc').show(); 
} 
if (content === 'desc') { 
    $('#asc').show(); 
    $('#desc').hide(); 
} 

Answer 2

Как вы сравните строковые значения в JavaScript является с оператором ===. Так как идентификатор элемента, который вы ищете это строка в вашем случае заявление попробовать это:

if(content === 'asc') 

и:

if(content === 'desc') 

это сравнивает идентификатор в строке «» и возрастание строку «убывание».

Оператор === означает равное значение и равный тип, поэтому он проверяет, является ли var слева одного и того же типа (строка в этом случае) и того же значения, что и var справа.

Answer 3

Не совсем уверен, что вам нужно, но попробуйте это: http://jsfiddle.net/kg005f4v/

<form method="post" id="form_content" action="Javascript:void(0);"> 
    <button id="desc" name="desc" value="desc">desc</button> 
    <button id="asc" name="asc" value="asc">asc</button> 
</form> 

#desc{ 
    display:none 
} 

$(document).ready(function(){ 
    $('#form_content button').click(function(){ 
     $('#form_content button').toggle(); 
     alert(this.id); 
    }); 
});