<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "><HTMLxmlns= "http://www.w3.org/1999/xhtml"> <Head> <title>Content Selector</title> <Metahttp-equiv= "Content-type"content= "Text/html;charset=utf-8" /> <styletype= "Text/css">. Yang{Border-collapse:collapse;width:500px;Height:30px;Border:1px solid Red;"} </style> <Scripttype= "Text/javascript"src= "Jquery-1.7.1.min.js"></Script> <Scripttype= "Text/javascript"> /*: Contains (text)//based on content matching element: empty//match content is null element: has (selector)//Match element containing the specified selector:p arent//match content is not empty element */window.onload=function(){ $('#btnOk'). Click (function(){ //The element with empty match content changed to "Outlaws of the Marsh" $("Li:empty"). HTML ('Outlaws'); }); }; </Script> </Head> <Body> <ol> <Li>Three kingdoms</Li> <Li>Journey</Li> <Li></Li> <Li>Dream</Li> </ol> <HR/> <inputtype= "button"ID= ' Btnok 'value= ' OK '/> </Body></HTML>
jquery Content Selector (elements that match content as empty)