Javascript 如果段落有特定文本,请单击按钮

Javascript 如果段落有特定文本,请单击按钮,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我这里有一个HTML: [所有者]某个用户名放置了一个块 [Owner]Someusername使用的项目 使用indexOf查找所需字符串 $('team#u log_actual')。查找('p')。每个(函数(索引,元素){ var str1=$(this.text(); var str2=“已使用的项目”; if(str1.indexOf(str2)!=-1){ $(this.addClass('YourClass');//如果匹配,您想做什么。例如,我添加类。 } }); .Yo

我这里有一个HTML:


[所有者]某个用户名放置了一个块

[Owner]Someusername使用的项目


使用
indexOf
查找所需字符串

$('team#u log_actual')。查找('p')。每个(函数(索引,元素){
var str1=$(this.text();
var str2=“已使用的项目”;
if(str1.indexOf(str2)!=-1){
$(this.addClass('YourClass');//如果匹配,您想做什么。例如,我添加类。
}
});
.YourClass{
背景色:红色;
}

[所有者]某个用户名放置了一个块

[Owner]Someusername使用的项目


使用
indexOf
查找所需字符串

$('team#u log_actual')。查找('p')。每个(函数(索引,元素){
var str1=$(this.text();
var str2=“已使用的项目”;
if(str1.indexOf(str2)!=-1){
$(this.addClass('YourClass');//如果匹配,您想做什么。例如,我添加类。
}
});
.YourClass{
背景色:红色;
}

[所有者]某个用户名放置了一个块

[Owner]Someusername使用的项目


您可以添加事件,以便在创建时对其进行修改

或在其创建之后,如下所示:

$('#team_log_actual').find('p').each(function(index) {
    // enter code here

})

您可以添加事件,以便在创建事件时对其进行修改

或在其创建之后,如下所示:

$('#team_log_actual').find('p').each(function(index) {
    // enter code here

})

您可以使用
.includes()
内的
.each()
检查文本

演示:

var dynamicP=`[Owner]Someusername使用了第2项

`; $('.log').append(dynamicP); $('p')。每个(函数(){ 如果($(this).text()包括('used item')){ $(this.css('cursor','pointer');//您还可以添加一些样式 $(此)。在('单击',函数()上){ console.log('本段允许剪辑'); }); } });

[所有者]某个用户名放置了一个块

[Owner]Someusername使用的项目


您可以使用
.includes()
内的
.each()
检查文本

演示:

var dynamicP=`[Owner]Someusername使用了第2项

`; $('.log').append(dynamicP); $('p')。每个(函数(){ 如果($(this).text()包括('used item')){ $(this.css('cursor','pointer');//您还可以添加一些样式 $(此)。在('单击',函数()上){ console.log('本段允许剪辑'); }); } });

[所有者]某个用户名放置了一个块

[Owner]Someusername使用的项目


是的,但到目前为止您尝试了什么?这不是一个让别人为你编码的地方。此外,您需要在什么时候进行这些操作?查看jQuery的
text()
方法和
indexOf
您可以使用MutationObserver在元素添加到父
div
时检查元素的内容,但是更好的模式是使用事件系统,在将新内容添加到DOM时引发事件,然后,您可以简单地挂接到该事件并查找所需的任何内容。确保您可以检查它们包含的内容-在innerHTML或innerText上使用
indexOf
。“这些段落可以随机间隔创建,并可以通过类“log”附加到中-因此您需要定期检查的内容(setInterval),或者你需要和一个变种观察者一起工作。是的,但是到目前为止你做了什么?这不是一个让别人为你编码的地方。此外,您需要在什么时候进行这些操作?查看jQuery的
text()
方法和
indexOf
您可以使用MutationObserver在元素添加到父
div
时检查元素的内容,但是更好的模式是使用事件系统,在将新内容添加到DOM时引发事件,然后,您可以简单地挂接到该事件并查找所需的任何内容。确保您可以检查它们包含的内容-在innerHTML或innerText上使用
indexOf
。“这些段落可以随机间隔创建,并可以通过类“log”附加到中-因此您需要定期检查的内容(setInterval),或者你需要和一个变种观察者一起工作。