jQuery - 親セレクタ

Question

jQueryで親セレクタがどのように機能するかを知ることはできません。スパンの周囲に境界線を取得する方法

var test = $("p:contains('Lorem ipsum dolor sit amet')").parentsUntil("span"); 
 
    
 
    
 
    test.css({ "border" : "1px solid red"});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    \t \t \t <p>Title</p> 
 
    \t \t \t <span> 
 
    \t \t \t \t <p>Span</p> 
 
    \t \t \t \t <div> 
 
    \t \t \t \t \t <p>Div</p> 
 
    \t \t \t \t \t <p>Lorem ipsum dolor sit amet</p> 
 
    \t \t \t \t </div> 
 
    \t \t \t </span> 
 
    \t \t \t <tr> 
 
    \t \t \t \t <th>Xx</th> 
 
    \t \t \t \t <td>YY</td> 
 
    \t \t \t </tr> 
 
    \t \t </table>

？私のコードは動作しません。

Answer 1

あなただけ（.closestを使用する必要がある）の代わりに、.parentと一緒に（）：

var test = $("p:contains('Lorem ipsum dolor sit amet')").parent().closest("span"); 

UPDATE

あなたはまた、（parentsUntilを（）を使用し続けるが、親を追加することができます）

parentUntilは現在の要素を除外するため、直接親のタイプが「span」の場合は動作しません。