Why jQuery is not working on my page ?

[vmrao]

Here is my code. I have included jQuery library.

<script>
(function($){
        $(document).ready(function(){

                $('ul.News li[id*="Story"]').each(function() {
                        alert('test');
                });
        });
});
</script>

<ul class="News">
<li id="Story1">My Stroy1</li>
<li id="Story2">My Stroy2</li>
<li id="Story3">My Stroy3</li>
<li id="Misc">Miscelaneous</li>
</ul>

[vmrao]

I just got rid of unnecessary '(function($){ ' and it worked.

On Nov 5, 5:17 pm, vmrao <maheshpav...@...> wrote:

> Here is my code. I have included jQuery library.
>
> <script>
> (function($){
>         $(document).ready(function(){
>
>                 $('ul.News li[id*="Story"]').each(function() {
>                         alert('test');
>                 });
>         });});
>
> </script>
>
> <ul class="News">
> <li id="Story1">My Stroy1</li>
> <li id="Story2">My Stroy2</li>
> <li id="Story3">My Stroy3</li>
> <li id="Misc">Miscelaneous</li>
> </ul>

[Sam Doyle]

li#Story would be more efficient

Sent from my iPhone

On 5 Nov 2009, at 22:24, vmrao <maheshpavani@...> wrote:

>
> I just got rid of unnecessary '(function($){ ' and it worked.
>
> On Nov 5, 5:17 pm, vmrao <maheshpav...@...> wrote:
>> Here is my code. I have included jQuery library.
>>
>> <script>
>> (function($){
>>         $(document).ready(function(){
>>
>>                 $('ul.News li[id*="Story"]').each(function() {
>>                         alert('test');
>>                 });
>>         });});
>>
>> </script>
>>
>> <ul class="News">
>> <li id="Story1">My Stroy1</li>
>> <li id="Story2">My Stroy2</li>
>> <li id="Story3">My Stroy3</li>
>> <li id="Misc">Miscelaneous</li>
>> </ul>

[Richard D. Worth-2]

On Thu, Nov 5, 2009 at 5:26 PM, Sam Doyle <sammeh.mp3@...> wrote:

li#Story would be more efficient

But it wouldn't match any elements. There are three elements that have ids starting with Story, but zero elements with #Story

- Richard

 

Sent from my iPhone

On 5 Nov 2009, at 22:24, vmrao <maheshpavani@...> wrote:

I just got rid of unnecessary '(function($){ ' and it worked.

On Nov 5, 5:17 pm, vmrao <maheshpav...@...> wrote:

Here is my code. I have included jQuery library.

<script>
(function($){
       $(document).ready(function(){

               $('ul.News li[id*="Story"]').each(function() {
                       alert('test');
               });
       });});

</script>

<ul class="News">
<li id="Story1">My Stroy1</li>
<li id="Story2">My Stroy2</li>
<li id="Story3">My Stroy3</li>
<li id="Misc">Miscelaneous</li>
</ul>