<div class="codetitle"> <span><a style="CURSOR: pointer" data="41807" class="copybut" id="copybut41807" onclick="doCopy('code41807')"><u>コードをコピー</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code41807"> <br><html xmlns="http://www. w3.org /1999/xhtml"> <br><head> <br><!-- <BR>コンテンツ フィルター セレクター: 要素内のテキスト コンテンツまたはサブ要素の特性に基づいて要素を取得します。要素の位置決めのあいまい一致または絶対一致 <BR> jQuery セレクターの詳細な説明 <BR> 取得したページ内のさまざまな要素に応じて、jQuery セレクターは 4 つのカテゴリに分類できます: 基本セレクター、階層セレクターセレクター、フィルター セレクター、フォーム セレクター。このうち、フィルタ セレクタには、単純フィルタ セレクタ、コンテンツ フィルタ セレクタ、可視性フィルタ セレクタ、属性フィルタ セレクタ、子要素フィルタ セレクタ、フォーム オブジェクト属性フィルタ セレクタの 6 種類があります。 title></title> <br><-- jQuery コンテンツ フィルター セレクターを使用して要素を選択します。ページ内で、必要に応じて 4 つの <div> タグを作成します。 <div> の残りの <div> タグにコンテンツを入力し (または空にし)、コンテンツ フィルターを通じて指定された要素を取得し、それをページに表示します。 --> <br><script src="jquery-1.9.1.js" type="text/javascript"></script> <br><style type="text/css"> <br>body{font-size:12px;text-align:center} <br>div{float:left;border:solid 1px #ccc;margin:8px;width:65px;height:65px;display:none} <br>span{float:left;border:solid 1px #ccc;margin:8px;width:45px;height:45px;background-color:#eee} <br></style><script type= "text/javascript"> <br>$(function () { //指定されたテキストを含む要素を表示します <br>$("div:contains('A')").css('display','block ' ); <br>}) <br>$(function(){ //子要素またはテキストを含まないすべての空の要素を表示します <br>$('div:empty').css('display','block '); <br>}) <br>$(function () { //セレクターで一致した要素を表示します <br>$('div:has(span)').css('display', 'block ' ); <br>}) <br>$(function () { //子要素またはテキストを含む要素を表示します <br>$('div:parent').css('display', 'block'); <br>}) <br></script> <br><!-- 注::contains(text) コンテンツ フィルター セレクターでは、文字を検索する場合、大文字と小文字が異なります。 ></head><br><div>ABCD</div><br><div></span></div> ;div>EFAH<br><div><br></div> </div>