jQuery - html 字符串上的选择器

Question

我打算使用 jQuery 从 html 字符串中获取一个元素，但我总是在我的控制台中得到一个未定义的元素。我的字符串是:

<td class="test">asd</td><td class="second">fgh</td><td class="last">jkl</td>

我想获得 td.test。

我测试过:

console.log($('.test', '<td class="test">asd</td><td class="second">fgh</td><td class="last">jkl</td>').innerHTML);
console.log($('.test', '<td class="test">asd</td><td class="second">fgh</td><td class="last">jkl</td>').html());
console.log($('.test', '<td class="test">asd</td><td class="second">fgh</td><td class="last">jkl</td>').first().innerHTML);

还有一些，但没有任何效果:/

有人知道我的问题的解决方案吗？

Answer 1

首先，使用jQuery.parseHTML将HTML解析成一个元素数组；然后您就可以将其转换为 jQuery 集合并使用 filter 将集合限制为与选择器匹配的元素。

var html =
    '<td class="test">asd</td>' +
    '<td class="second">fgh</td>' +
    '<td class="last">jkl</td>';

var text = $($.parseHTML(html)).filter('.test').text();

console.log(text);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>