Question

我正在使用innerHTML来获取被点击的li元素的内部HTML。然后，我想搜索一些段落标签的HTML并找到它们的价值，有没有一个好方法呢？我无法重写任何列表的HTML，这是在项目的其他地方生成的，但我知道用于

标签的类名。 jQuery答案很好。

Answer 1

搜索＆＃39;最佳方式HTML是使用DOM。请注意，如果您想要搜索的容器元素已存在于DOM中，则无需构造新的虚拟元素，只需检索此父节点并使用相同的方法。

var el = document.createElement('div'),
    someHtmlToSearch = '<div><p>test content in p</p></div>',
    pContent;

    el.innerHTML = someHtmlToSearch;
    pContent = el.querySelector('p').innerHTML; //search for the first p tag

console.log(pContent); //test content in p

Answer 2

使用jQuery：

// Attach onclick listener to li items of interest
$("your-li-selector").on('click', function () {
    // Select all p tags within the clicked element
    var pTags = $('p', this);

    // Iterate over all p tags
    pTags.each(function () {
         // Do search actions with `this.innerHtml` or `$(this).html()`
    });
});

Answer 3

$("li").click(function(){
 var myPrag=this.innerHTML.find("p");
 });

然后使用myParag

P.S。未经测试

在innerHTML中搜索元素的最佳方法

3 个答案: