「jQuery入門」find()で孫要素を検索するサンプル

構文
$(セレクタ).find(element).属性(xxx)

htmlコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<div id = "cft">
<p class="tt">from changfa <span class="nn">孫要素の検索サンプル</p>
</div>
<input type="button" id="btnFind" value="検索">
<div id = "cft"> <p class="tt">from changfa <span class="nn">孫要素の検索サンプル</p> </div> <input type="button" id="btnFind" value="検索">
<div id = "cft">
      <p class="tt">from changfa <span class="nn">孫要素の検索サンプル</p>
</div>
<input type="button" id="btnFind" value="検索">

 

JSコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
$(function() {
$("#btnFind").click(function() {
$("#cft").find(".tt .nn").css("color","green");
});
});
$(function() { $("#btnFind").click(function() { $("#cft").find(".tt .nn").css("color","green"); }); });
$(function() {
      $("#btnFind").click(function() {
            $("#cft").find(".tt .nn").css("color","green");
      });
});

 

jQuery

Posted by arkgame