Home/ Questions/Q 520007
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T08:06:00+00:00

When a button is clicked it needs to look before its ocurance and find

  • 0

When a button is clicked it needs to look before its ocurance and find a specific span tag. Unfortunately it is either not finding the tag or not changing it’s contents.

This is the code that doesn’t work.

$(this).prev("span[id*=CommentText]").hide();

I can set the colour during the load event but when the link is clicked it won’t make any changes.

This works but only during the load phase:

$("span[id*=CommentText]").css("background-Color", "red");

EDIT:

<html>
<head>
    <script src="../Scripts/jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
    <script src="../Scripts/jquery-1.3.2.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.color.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("textarea[id*=Comments]").hide().css("background-Color", "white");
            $("span[id*=CommentText]").css("background-Color", "red");
            $("a[id*=CommentLink]").click(LoadComments).css("background-Color", "white");
        });
        function LoadComments() {
            $(this).prev("textarea[id*=Comments]").animate({ backgroundColor: 'yellow' }, 500).show().focus();
            $(this).prev("span[id*=CommentText]").css("background-Color", "white");
            $(this).fadeOut();
        }
    </script>
</head>
<body>
     <span id="Q37CommentText">comments here</span>
     <textarea name="Q37Comments" rows="1" cols="50" id="Q37Comments">comments here</textarea>
     <a id="Q37CommentLink">Add/Edit Comment</a>

     <span id="Q40CommentText">Comment 2</span>
     <textarea name="Q40Comments" rows="1" cols="50" id="Q40Comments">Comment 2</textarea>
     <a id="Q40CommentLink">Add/Edit Comment</a>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If the structure of your markup is always the same, I’de be inclined to just keep it simple and go with

    $(this).prev().prev() ...

    Other alternatives are using prevAll()

    $(this).prevAll('span:first'); // may or may not need the attribute filter depending
                            // on if there are more <span> elements as siblings

    Navigating up to the parent and then calling find()

    $(this).parent().find('span[id*=CommentText]');

    A side note:

    Just looking at your markup, it may be easier to use CSS classes as opposed to ids and attribute filters to select elements based on ids beginning with, ending with or containing x. It’s likely to be faster in all/nearly all browsers (particularly those that implement document.getElementsByClassName(classNames) or the Selectors API)

    • 0