JQuery code not working

Question

Why is the following code giving an exception?

function SetText(index, text) {
            try {
                $('p')[index].innerHTML = text;
            }
            catch (ex) {
                alert(ex);
            }
        }

        $(document).ready(SetText(2, 'Damn'));

the exception is:

TypeError: $('p')[index] is undefined

This is my code file:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SelectingFromAnElementGroup.aspx.cs" Inherits="JQuery_Intellisence_Test.SelectingFromAnElementGroup" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <script src="Javascript/jquery-1.3.2.js" type="text/javascript">
        /// <reference path="jquery-1.3.2-vsdoc.js" />
    </script>
    <script type="text/javascript">
        function SetText(index, text) {
            try {
                $('p')[index].innerHTML = text;
            }
            catch (ex) {
                alert(ex);
            }
        }

        $(document).ready(SetText(2, 'Damn'));
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <p>This is 1st Paragraph</p>
            <p>This is 2nd Paragraph</p>
            <p>This is 3rd Paragraph</p>
            <p>This is 4th Paragraph</p>
            <p>This is 5th Paragraph</p>
        </div>
    </form>
</body>
</html>

please, show your html code woth 'p'

Andrew Rumm
– Andrew Rumm

2009-11-02 10:27:59 +00:00
Commented Nov 2, 2009 at 10:27 — Andrew Rumm
– Andrew Rumm, Commented Nov 2, 2009 at 10:27

ybo · Accepted Answer · 2009-11-02 10:26:58Z

3

Try that and tell us what happens:

$(document).ready(function() { SetText(2, 'Damn') });

I think your function is called before the DOM is ready.

answered Nov 2, 2009 at 10:26

ybo

17.2k2 gold badges30 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andrew Rumm · Accepted Answer · 2009-11-02 10:30:52Z

0

<html>
<head>
    <script src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("jquery", "1.3.2");
        function SetText(index, text) {
           try {
               if (typeof $('p')[index] !='indefined') $('p')[index].innerHTML = text;
           } catch (ex) {
                alert(ex);
           }
        }
</script>
</head>
<body>
    <p>Paragraph 0</p>
    <p>Paragraph 1</p>
    <p>Paragraph 2</p>
    <script type="text/javascript">
        $(function() {SetText(2, 'Damn');});
    </script>
</body>
</html>

Your code needs to be checked by

if (typeof $('p')[index] !='indefined')

answered Nov 2, 2009 at 10:30

Andrew Rumm

1,2785 gold badges16 silver badges40 bronze badges

Collectives™ on Stack Overflow

JQuery code not working

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related