add on click to jquery function

Question

Я стараюсь понять синтаксис .on("click", но просто не могу его получить.

Если у меня есть этот код:

<script> 
    $(function() { 
     $(".somediv").not(":contains('$someparam')").addClass("hidden"); 
    }); 
</script> 

Что я должен сделать для того, чтобы отобразить $someparam в виде ссылки на страницы, и нажав на эту ссылку активирует эту JQuery, чтобы скрыть дивы?

Заранее спасибо.

Answer 1

как я понял, этот вопрос заключается в том, чтобы добавить скрытый класс css в класс somediv css, который содержит определенный $ someparam при щелчке.

вы можете найти его в скрипкой:

http://jsfiddle.net/DwAAQ/

вот css я использовал:

.somediv{ 
     width:100%; 
     height:20px; 
     margin:0 0 10px 0; 
     border-bottom:solid 1px red; 
     } 
    .hidden{ 
     display:none; 
     } 

вот html я использовал:

<div class='somediv'>1 is</div> 
    <div class='somediv'>2 not</div> 
    <div class='somediv'>3 not</div> 
    <div class='somediv'>4 is</div> 

    <button class='someclass'>someClass</button> 

это jQuery i used with on click обработчик:

$(function(){ 
     var $someparam = 'is'; 

     $(document).on('click', '.someclass', function() { 
      $(".somediv").not(":contains('" + $someparam + "')").addClass("hidden"); 
     }); 
    }); 

Что это делает, в первую очередь имеет в этом случае я взял 'is', содержащийся в дивы в variable which contains a specific string. Поэтому, когда документ готов, тогда у нас есть button here to click which executes the line in the jquery, чтобы добавить .hidden css class

Answer 2

В основном, используется для чего-то совершенно другого. Вам нужно только событие click мыши:

.click(handler(eventObject)) 

Таким образом, для вашего конкретного примера будет следующим:

$('.someclass').click(function() { 
    $(".somediv").not(":contains('$someparam')").addClass("hidden"); 
}); 

(Кстати, вы можете проверить «$ someparam» часть - что на самом деле не имеет смысла быть в кавычках).