jquery - 在单击时添加到 jquery 函数

Question

我正在努力理解的语法，.on("click"但就是无法理解。

如果我有这个代码：

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

我需要做什么才能$someparam在页面上显示为链接，单击此链接将激活此 jQuery 以隐藏 div？

提前致谢。

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");
        });
    });

这是在做什么，首先它有一个variable which contains a specific string在这种情况下我'is'包含在 div 中。因此，当文档准备好时，我们需要button here to click which executes the line in the jquery添加.hidden css class

Answer 2

基本上 .on 用于完全不同的东西。您只需要单击鼠标事件：

.click( handler(eventObject) )

因此，对于您的具体示例，它将如下所示：

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

（顺便说一句，您可能想检查 '$someparam' 部分 - 用引号括起来真的没有意义）。