jQuery更改匹配文本

我想将td值为：

“null”

的文本更改为

“未找到评级”

！。但它会不断更改所有值，而不是仅更改匹配的值

$( document ).ready(function() {
$(".form-inline").submit(doStuff);
});

function doStuff(e){
e.preventDefault();

var input = $("#nanizankaInput").val();
var link = "http://api.tvmaze.com/search/shows?q=";
link = link + input; 

$.ajax({
    url: link,
    method: 'GET',
    success: function (data) {
        console.log(data);

var prazno = $("thead tr td:nth-child(3)").text();

   for(var i = 0; i < data.length; i++){
     $("thead").first().append( "<tr>" + "<td>" + data[i].show.id + "</td>" + "<td>" + data[i].show.name + "</td>" + "<td>" + data[i].show.rating.average + "</td>" +"</tr>");

     if ($("thead tr td:nth-child(3)").text("null")) {
       $("thead tr td:nth-child(3)").text("No rating found!")
     }
   }
}});
}

$（文档）.ready（函数（）{
$（“.form inline”）。提交（doStuff）；
});
函数doStuff（e）{
e、 预防默认值（）；
var输入=$（“#nanizankaInput”）.val（）；
变量链接=”http://api.tvmaze.com/search/shows?q=";
链接=链接+输入；
$.ajax({
网址：link，
方法：“GET”，
成功：功能（数据）{
控制台日志（数据）；
var prazon=$（“thead tr td:nth child（3）”）.text（）；
对于（变量i=0；i

您必须输入类似于

“bad”

的内容才能看到结果

现场演示：

---

条件检查是错误的

if ($("thead tr td:nth-child(3)").text("null")) {
       $("thead tr td:nth-child(3)").text("No rating found!")
}

您正在设置该值，而不是检查它，因此每次在

$（选择器）中返回true。text（“null”）

---

条件检查是错误的

if ($("thead tr td:nth-child(3)").text("null")) {
       $("thead tr td:nth-child(3)").text("No rating found!")
}

您正在设置该值，而不是检查它，因此每次在

$（选择器）中返回true。text（“null”）

---

增加了一个等级和技巧。请检查并尝试以下代码：

$（文档）.ready（函数（）{
$（“.form inline”）。提交（doStuff）；
});
函数doStuff（e）{
e、 预防默认值（）；
var输入=$（“#nanizankaInput”）.val（）；
变量链接=”http://api.tvmaze.com/search/shows?q=";
链接=链接+输入；
$.ajax({
网址：link，
方法：“GET”，
成功：功能（数据）{
控制台日志（数据）；
var prazon=$（“thead tr td:nth child（3）”）.text（）；
对于（变量i=0；i}

添加了一个评级类，并且技巧奏效了。请检查并尝试以下代码：

$（文档）.ready（函数（）{
$（“.form inline”）。提交（doStuff）；
});
函数doStuff（e）{
e、 预防默认值（）；
var输入=$（“#nanizankaInput”）.val（）；
变量链接=”http://api.tvmaze.com/search/shows?q=";
链接=链接+输入；
$.ajax({
网址：link，
方法：“GET”，
成功：功能（数据）{
控制台日志（数据）；
var prazon=$（“thead tr td:nth child（3）”）.text（）；
对于（变量i=0；i

只需替换为

if ( !$("thead tr td:nth-child(3)").text() )

换成

if ( !$("thead tr td:nth-child(3)").text() )

---

除了文本错误，您正在循环行，但只检查第一行的第三个td

您需要像下面这样更改代码

$( document ).ready(function() {
 $(".form-inline").submit(doStuff);
});

function doStuff(e){
e.preventDefault();

var input = $("#nanizankaInput").val();
var link = "http://api.tvmaze.com/search/shows?q=";
link = link + input; 

$.ajax({
url: link,
method: 'GET',
success: function (data) {
    console.log(data);

var prazno = $("thead tr td:nth-child(3)").text();

for(var i = 0; i < data.length; i++){
 $("thead").first().append( "<tr>" + "<td>" + data[i].show.id + "</td>" + "<td>" + data[i].show.name + "</td>" + "<td>" + data[i].show.rating.average + "</td>" +"</tr>");
 var td = $("thead tr").eq(i).find("td:nth-child(3)");
 if (td.html() === "null") {
   td.html("No rating found!")
 }
}
}});
}

---

除了文本错误，您正在循环行，但只检查第一行的第三个td

您需要像下面这样更改代码

$( document ).ready(function() {
 $(".form-inline").submit(doStuff);
});

function doStuff(e){
e.preventDefault();

var input = $("#nanizankaInput").val();
var link = "http://api.tvmaze.com/search/shows?q=";
link = link + input; 

$.ajax({
url: link,
method: 'GET',
success: function (data) {
    console.log(data);

var prazno = $("thead tr td:nth-child(3)").text();

for(var i = 0; i < data.length; i++){
 $("thead").first().append( "<tr>" + "<td>" + data[i].show.id + "</td>" + "<td>" + data[i].show.name + "</td>" + "<td>" + data[i].show.rating.average + "</td>" +"</tr>");
 var td = $("thead tr").eq(i).find("td:nth-child(3)");
 if (td.html() === "null") {
   td.html("No rating found!")
 }
}
}});
}

if（$（$thead-tr-td:nth-child（3）”）.text（“null”）{

您正在将文本设置为

null

，但您希望比较：

if（$（$thead-tr-td:nth-child（3）”）.text（）==“null”）{

if（$（$thead-tr-td:nth-child（3）”）.text（“null”））{

您在此处将文本设置为

null

，但您希望比较：

if（$（（$）ad tr td:nth child（3）”）.text（）=“null”）{