jQuery中的分号语法让我感到困惑

Question

In the fairly simple code:

<script> 
    $(document).ready(function () {
        $('.showprice').click(function () {
            $(this).parent.children.hide();
        }); 
    })
 </script>

Jshints in Fiddle fusses about the first line, saying, missing ; and fusses at the last line with unrecoverable error.

Q1: What am I missing here. My suspicion is that it's like perl, and is complaining about a semicolon when there is something entirely different wrong.

Q2: Pointers or links to better methods for tracking down syntax errors.

---

Based on the first reply below, I made the changes suggested, bring the code up to this:

I edited the code to be:

1 < script > 
2     $(document).ready(function () {
3     $('.showprice').click(function () {
4         $(this).parent().children().hide();
5     }); 
6    });
7    < /script>

And now I get fusses about missing ; on line 1, "expected assignment or function call on line 6
and unrecoverable error on line 7.

Answer 1

Firstly, you should change:

$(this).parent.children.hide();

to:

$(this).parent().children().hide();

parent() and children() is a method. You need () here.

You also need to add ; after closing }) of your DOM ready wrapper, final code should look like this:

$(document).ready(function () {
    $('.showprice').click(function () {
        $(this).parent().children().hide();
    }); 
}); // <-- Here

Answer 2

You forgot to put ; on the last ) of the code:

$(document).ready(function () {
    $('.showprice').click(function () {
        $(this).parent.children.hide();
    }); 
});