Как извлечь текст между <a></a>

Question

Я должен использовать jQuery впервые....

<a class="Tag Resource" href="http://localhost/" 
resource="http://localres/" property="prop">test</a>

Я попытался извлечь текст, используя var = $('a').find('Tag Resource').text(); и var = $('a').find('Tag Resource').html(); но это не работает.Мне нужно «тест» в виде обычного текста.

Может кто-нибудь сказать мне, как это сделать?

заранее спасибо

Answer 1

Я думаю, вы ищете:

var t = $("a.Tag.Resource").text();

имеется в виду теги, которые имеют оба тот Tag и Resource занятия.Метод find() предназначен для поиска поддеревьев элементов.

Answer 2

Ну вот (живая демонстрация):

$(document).ready(
  function (){ 
    alert(  $('a.Tag.Resource').html()  );  
});

Ваша проблема либо в том, что вы хотели один класс, но использовали пробел, поэтому его стало два;или что при обращении к классам с помощью селектора jquery вам нужно добавлять к ним точку.

В любом случае приведенный выше код поможет.Если вам действительно нужен только один класс, измените его на $('a.Tag-Resource')...

Answer 3

Я думаю, проблема в синтаксисе вашего выражения поиска.

Обновлять:На самом деле, вам вообще не нужен поиск, вам нужен фильтр.Find будет выбирать только потомков элементов a, а не сами элементы.

Я протестировал пример строки ниже.

Из примера здесь, похоже, ты хочешь

var text = $('a').filter('.Tag.Resource').text();

Answer 4

var text = "";
$("a").each(function(){
  text += $(this).html() + " " + $(this).attr("resource");
});
alert(text);

Answer 5

Я не думаю, что в именах классов могут быть пробелы.Вы добавили в тег два класса «Тег» и «Ресурс», и ваш инструмент поиска их не найдет.

Answer 6

Помните, имена классов могут повторяться на странице, а пробелы обозначают два класса, примененных к элементу.Вам не гарантировано, что один элемент будет иметь этот класс, поэтому .text() может вернуть комбинированный текст всех совпавших элементов.

$(".Tag.Resource").text();

Answer 7

Ну, вам не обязательно использовать JQuery...

var text, links = document.links;
for (var i = 0; i < links.length; i++) {
   if (links[i].className == 'Tag Resource') {
      text = links[i].innerText;
      break;
   }
}
alert(text);