Question

jQuery 获取<td>标签内容，判断后，重新赋值

html中有很多表单，其中有多个<td>的内容是0,1，用jQuery判断这些<td>是0或是1，将是0的<td>重新赋值No，将是1的<td>重新赋值Yes。
我尝试将这些<td>标签添加了class=“judge”，获取这些class的标签，刚刚学jQuery，不是很熟练，逻辑可能有错误，请大神帮忙修改代码。

<script type="text/javascript">
$(document).ready( function () {
var judge=$(".judge")[0].html();
//alert(judge);
if(judge=="0"){
$(".judge")[0].html()="No";
}
else if(judge=="1"){
$(".judge")[0].html()="Yes";
}
}

Answer 1

			$(document).ready( function () {
				$(".judge").each(function(i,item){
					var text = $(this).text();
					if(text == "0"){
						$(this).text("No")
					}else if(text == "1"){
						$(this).text("Yes");
					}
				})
			})

你加了[0]，肯定报错了，这个$(".judge")[0]就变成javascript对象了，它是没有html()方法的，如果非要加[0]，就只能用

var judge=$(".judge")[0].innerHTML;

才能获取到内容。况且获取html的方法不好，最好是用text()方法。才会获取到真正的值。

Answer 2

你这两条语句有语法错误：
$(".judge")[0].html()="No";
$(".judge")[0].html()="Yes";
首先jQuery中，使用html方法，如果没有参数，返回的是一个字符串，不能用上面的方式进行赋值操作；
其次，$("selector")[0]返回的是DOM对象，而非jQuery对象，使用[0]是多余的。同理，你上面的var judge=$(".judge")[0].html();中也不用添加[0]。

正确的用法应该是：
$(".judge").html("No");
$(".judge").html("Yes")

追问

按照你说的改了，但是没有实现功能呀，是不是其他语句写的也有错误呢？

追答

var judge=$(".judge")[0].html();中的[0]也要去掉。

应该写成：

var judge=$(".judge").html();

刚才仔细看了看你的代码，必须要使用遍历的方法才能进行逐一修改，我编了一个代码，已经测试通过。你看看。

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<table width="200" border="1">
  <tr>
    <td class="judge">1</td>
    <td class="judge">1</td>
    <td class="judge">0</td>
  </tr>
  <tr>
    <td class="judge">0</td>
    <td class="judge">1</td>
    <td class="judge">0</td>
  </tr>
</table><br />
<input id="btn_1" type="button" value="点击变换" />
<script type="text/javascript">
$(document).ready(function(){
    $("#btn_1").click(function(){
        $(".judge").each(function(){
            if($(this).html()=="0"){
                $(this).html("No");
            }
            else if($(this).html()=="1"){
                $(this).html("Yes");
            }
        });
    });
});
</script>

追问

感谢你的回答，问题已经解决了。

Answer 3

if(judge=="0")等将“==”
改为“=”，因为是字符串，不能用全等

Answer 4

<script type="text/javascript">
$(function(){
/*var judge=$(".judge:eq(0)").html();
alert(judge);
if(judge==0){
$(".judge:eq(0)").html('no');
}
else if(judge==1){
$(".judge:eq(0)").html('yes');
}*/
$('.judge').each(function(){
var v = $(this).html();
if(v==0){
$(this).html('NO');
}else if(v==1){
$(this).html('YES');
}
});
});
</script>