jquery親要素、サブ要素(個人経験総括)を検索します。


jsまたはjqueryを使って父要素、サブ要素を探してよく出会う。しかし、使い方が紛らわしいです。ここでまとめてみました。これから使うと便利です。ここでjqueryが父の要素を検索するために使う方法:closest()parents()parent()を下に探すために使う方法:find()children()jsはchildren[]のコード
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery </title>


</head>
<body>


<div class="div1" id="div1" name="mydiv">
<p> 1 </p>
<table id="table1">

<tbody id="tbody1">
<tr>
<td id="mytd1">11closest() ( jQuery )</td>

</tr>

<tr id="mytr2">
<td id="mytd2">21parent() </td>
</tr>

<tr>
<td id="mytd3">31parent(" ") </td>
</tr>
</tbody>

</table>
</div>


<hr>

<div id="div2" style="border-bottom :5px;" name="mydiv">
<p> 2 </p>
<table id="table2">
<tbody>
<tr>
<td id="sectd1"> table2 td find() </td>
</tr>
<tr id="sectr2">
<td id="sectd2"> table2 td children() </td>
</tr>
<tr>
<td id="sectd3">js children[] </td>
</tr>

</tbody>

<tbody>
<tr>
<td>tbody2222</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
jsです。