Find the very next sibling of each disabled button and change its text "this button is disabled".

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("button[disabled]").next().text("this button is disabled"); }); </script> <style> span { color:blue; font-weight:bold; } button { width:100px; } </style> </head> <body> <div><button disabled="disabled">First</button> - <span></span></div> <div><button>Second</button> - <span></span></div> <div><button disabled="disabled">Third</button> - <span></span></div> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself