使用jquery .parent（）選擇元素

Question

我有這個標記，如下所示：

<div id="content_area">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
  <tr>
    <td width="100%" valign="top">
      <div id="some_id"> </div>
    </td>
  </tr>
   </tbody>
</table>
</div>

現在，我想使用ID為“ some_id”的div獲得ID為“ content_area”的div，並使用jquery設置“ content_area”的樣式。 在這種情況下，我如何使用“ .parent（）來遍歷戰爭？表結構會成為障礙嗎？

Answer 1

這些ID是唯一的。 如果不是，請將其更改為class。

如果它們是：

$('#content_area').css();

如果您將其更改為class：

$('#some_id').parent('.content_area').css();

Answer 2

jQuery.parent（）

$("#some_id").parent();

將返回元素<td width="100%" valign="top">

---

jQuery.parents（）

$("#some_id").parents("#content_area");

將返回元素<div id="content_area">

---

jQuery.css（）

$("#some_id").parents("#content_area").css({ color: "#333", height: "100%" });

將為元素<div id="content_area">樣式，其字體顏色為#333333 ，高度<div id="content_area">元素的100％。

Answer 3

jQuery API最接近

.closest( selector )返回：jQuery

說明：對於集合中的每個元素，通過測試元素本身並遍歷DOM樹中的其祖先，獲得與選擇器匹配的第一個元素。

Answer 4

可以肯定，它就像

$("#some_id").parent().parent().parent().css("some-style", "value");

不知道為什么您不想這樣做：

$("#content_area").css("some-style", "value");

如果是因為您有多個具有相同ID的div，請考慮切換到使用類。 每個ID在任何給定頁面上只能出現一次。