如何获取由其文本字符串选择的锚点的HTML？

Question

有没有办法在jQuery中获取代码，例如<a href="http://www.example.com" class="link">Text</a>

所以我需要这样的东西：if ($(".link").text() == "Text"){alert("<a href="http://www.example.com" class="link">Text</a>");}

问题是我需要从页面alert();获取文本，可能还需要一些代码。

Answer 1

您可以使用contains选择器：

if($('.link:contains("Text")')){
  alert("Text");
}

Answer 2

如果是这样的链接：

<a href="#" class="link">Text</a>

你可以做到

if ($(".link").html()=="Text") {
    alert("Text");
}

Answer 3

获取ID为my-link的元素的html：

$("#my-link")[0].outerHTML

工作示例：http://jsfiddle.net/jwnace/57en1v9s/

获取包含sample text文字的元素的html：

$("a:contains('sample text')")[0].outerHTML

工作示例：http://jsfiddle.net/jwnace/z3ymh84c/

Answer 4

鉴于此链接：

<a href="http://www.example.com" class="link">Text</a>

...你可以像这样得到它的HTML：

var myLink = $('a:contains("Text")')[0].outerHTML;

......然后按照你的意愿去做。

alert(myLink);

Demo

Read more

---

以下是您如何获得主播的父元素：

var myLink = $('a:contains("Text")').parent()[0].outerHTML;

Demo

---

Aaaaaa，要在外部元素中添加一个类，你可以这样做：

var myLink = $('a:contains("Text")').parent();

$(myLink).addClass('my-class');

var myLinkHtml = $(myLink)[0].outerHTML;

Demo