jQuery - html字符串中的选择器 [英] jQuery - selectors on a html string

问题描述

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

 < 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>'）。 
 console.log（$（'。test'，'< td class =test> asd< / td>< td class =second> fgh< / td>< td class = 最后 > JKL< / TD>'）的html（））; 
 console.log（$（'。test'，'< td class =test> asd< / td>< td class =second> fgh< / td>< td class = 最后 > JKL< / TD>'）第一（）的innerHTML）; 
  

等等，但没有任何效果：/ b / b

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

首先，使用 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） ）.text（）; console.log（text）;  

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

I am going to get a element from a html-string with jQuery, but I always get an undefined in my console. My String is:

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

and I want to get the td.test.

I've tested:

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);

and some more, but nothing works :/

Does anyone know a solution for my problem?

解决方案

First, use jQuery.parseHTML to parse the HTML into an array of elements; then you’ll be able to convert it to a jQuery collection and use filter to restrict the collection to elements matching a selector.

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>

这篇关于jQuery - html字符串中的选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！