修改父元素：子元素

Question

包含我有這樣的結構：

<div> 
<a>selected text</a> 
<a>text</a> 
And more text 
</div> 

現在我得到了a與selected text使用jQuery :contains，這樣我就可以修改內部文本。

如何根據selected text錨標籤的存在情況修改整個div的內容？

編輯：

我想是這樣的：.parent().replaceWith，但沒有奏效。沒有被替換。

我的jQuery：

jQuery(document).ready(function($) { 
    $("a:contains('Thank you for being a CLO subscriber.')").parent().replaceWith($('<span>Thank you for being a CLO subscriber. You have earned 1 download credits.</span>')); 
    }); 

Answer 1

您可以使用parent()或closest('div')。試試這個：

var $parentDiv = $('a:contains("selected text")').parent(); 
//var $parentDiv = $('a:contains("selected text")').closest('div'); // this works too 

從那裏你可以使用任何你需要的方法在$parentDiv。

Answer 2

您需要使用.closest('div')目標所需的div元素。

$("a:contains(selected text)").closest('div').replaceWith($('<span>Thank you for being a CLO subscriber. You have earned 1 download credits.</span>'));