Как выбрать первый ребенок родителя с помощью идентификатора дочернего элемента?

Question

Я стараюсь выбрать элемент td который содержит "Text1" без ввода этого элемента td ID. Таким образом, «Text1» должен иметь фоновый цвет красного цвета в конце. Я пробовал это так, но это не работает.

$("#test").parent().closest("td").css("background-color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
<tr> 
 
    <td> 
 
    <p> 
 
    Text1 
 
    </p> 
 
    </td> 
 
    <td id="test"> 
 
    <p> 
 
    Text2 
 
    </p> 
 
    </td> 
 
</tr> 
 
</table>

https://jsfiddle.net/8wyuggxz/

Answer 1

вы с использование prev() способ подобный нижеследующий.

$("#test").prev('td').css("background-color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
     <td> 
 
      <p> 
 
       Text1 
 
      </p> 
 
     </td> 
 
     <td id="test"> 
 
      <p> 
 
       Text2 
 
      </p> 
 
     </td> 
 
    </tr> 
 
</table>

Answer 2

Используйте :contains селектор

$('td:contains("Text1")').css("background-color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td> 
 
     <p> 
 
     Text1 
 
     </p> 
 
    </td> 
 
    <td id="test"> 
 
     <p> 
 
     Text2 
 
     </p> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 3

Edit: Вот решение JS с помощью ID:

See this working fiddle

$("#test").parent().find("td:first-child").css("background-color", "red"); 

Answer 4

Попробуйте так:

$("#test").parent().children("td:nth-child(1)").css("background-color", "red"); 

рабочий codepen: http://codepen.io/anon/pen/wGMZYG

Answer 5

1. Как выбрать первый ребенок родителя с помощью ID дочернего элемента?

2. Я стараюсь, чтобы выбрать элемент TD, который содержит "Text1"

Решение для обоих запросов.

Фрагменты кода:

$("#test").parent().children('td:first:contains("Text1")').css("background-color", "red"); 

FIDDLE DEMO