Question

我在源代码中有这个部分的页面：

<ul class="videos-list listaaa">
<li class="active" topic="5530" video="4072">
<i class="fa fa-circle"></i>
שאלה אחת
</li>
<li topic-id="5530" video="4073">
<i class="fa fa-circle"></i>
שאלה טוב
</li>
<li topic-id="5530" video="4074">
<i class="fa fa-circle"></i>
למה לי
</li>
<li topic-id="5530" video="4075">
<i class="fa fa-circle"></i>
אבא בננה
</li>
<li topic-id="5530" video="4076">
<i class="fa fa-circle"></i>
לרוץ מהר
</li>
<li topic-id="5530" video="4077">
<i class="fa fa-circle"></i>
סיכום
</li>
</ul>

如何打印仅列出标题和视频值的列表，如：

שאלה אחת-4072
שאלה טוב-4073
למה לי-4074
אבא בננה-4075
לרוץ מהר-4076
סיכום-4077

我尝试使用jquery，但没有成功（我没有得到视频attr）所以我尝试使用php ... 我的代码：

$('ul.videos-list li').each(function() {
    console.log($(this).attr('video') + '-' + $(this).clone().children().remove().end().text());
});

谢谢

Answer 1

编辑：

这是一个无需打开控制台的解决方案：

var a = document.querySelectorAll('li');
for (var i = 0; i<a.length; i++) {

    var b = (a[i].getAttribute('video') + ' - ' + a[i].innerHTML.replace('<i class="fa fa-circle"></i>','').replace('\n',''));

    a[i].innerHTML = b;

}

DEMO

您可以使用javascript尝试：

var a = document.querySelectorAll('li');
for (var i = 0; i<a.length; i++) {

    console.log(a[i].getAttribute('video') + ' - ' + a[i].innerHTML.replace('<i class="fa fa-circle"></i>','').replace('\n',''));
}

<ul class="videos-list listaaa">
<li class="active" topic="5530" video="4072">
<i class="fa fa-circle"></i>
שאלה אחת
</li>
<li topic-id="5530" video="4073">
<i class="fa fa-circle"></i>
שאלה טוב
</li>
<li topic-id="5530" video="4074">
<i class="fa fa-circle"></i>
למה לי
</li>
<li topic-id="5530" video="4075">
<i class="fa fa-circle"></i>
אבא בננה
</li>
<li topic-id="5530" video="4076">
<i class="fa fa-circle"></i>
לרוץ מהר
</li>
<li topic-id="5530" video="4077">
<i class="fa fa-circle"></i>
סיכום
</li>
</ul>

从页面的源代码制作列表

1 个答案: