如果span标记包含文本,如何chk

Question

如果span标记包含文本,如何chk

如果患者已经分配了时间段然后使用jquery(客户端)使颜色变黄,请参见小提琴.在我的小提琴,如果我分配时隙第一次那么颜色为绿色,并配发下一时隙时,那么前一个时隙是灰色同一时间.我必须让它变黄.为此,我必须找到span标签表,并检查wheather包含文本或如果不包含文本,然后使它yellow.But即时在jquery.i搜索很多新的,但没有得到.我怎样才能做到这一点.

//这是按钮点击代码

  $("#<%=btnSelect.ClientID%>").click(function ()           {


                var cells = $('#tableAppointment tbody tr td:nth-child(3)');


                var i = 0;
                var topcell = false;

                cells.each(function ()
                {
                    var $cell = $(this);

                    if ($cell.hasClass('csstdhighlight'))
                    {
                        if (i == 0)
                        {
                            $cell.find('span').text(jQuery('#<%=txtPatientName.ClientID%>').val());
                            topcell = $cell;
                        }
                        else
                        {
                            $cell.remove();

                        }
                        i++;
                    }
                });
                if (topcell && i > 1) topcell.attr('rowspan', i);
                $("#tableAppointment tr").each(function ()
                {

                    $('td', this).each(function ()
                    {
                        var value = $(this).find("span").val();

                        if (!value)//i m chking like this
                        {

                        }
                        else
                        { //make it yellow                      
                        }
                    })

                })

                return false;
            });
        });

Run Code Online (Sandbox Code Playgroud)

Answer 1

Dip*_*pak 5

if($('span').text().length == 0){
  console.log('No Text');
}
else{
  console.log('Has Text');
}

Run Code Online (Sandbox Code Playgroud)

演示：http : //jsfiddle.net/hj4Bt/1/

Answer 2

小智 2

而不是这个

var value = $(this).find("span").val();

Run Code Online (Sandbox Code Playgroud)

写

var value = $(this).find("span").text();

Run Code Online (Sandbox Code Playgroud)

如果你想检查跨度内的 html 那么使用

var value = $(this).find("span").html();

Run Code Online (Sandbox Code Playgroud)

更新：-

<html><head>
<style>.yell{background:#CCFF00;}.csstd
{
background-color: #ccffcc;
}
table{
background-color: #cccccc;

}</style><script src="jquery.js"></script>
<script>var is=false;
$(function(){

$(document).mouseup(function(){is=false;});
$(".csstablelisttd").mousedown(function(e){sen=$(this);
$(".csstd").removeClass("csstd");
  $(this).children(":not(:first)").addClass("csstd");
  xco=e.clientX;
  yco=e.clientY;
  is=true;
  return false;
});
document.onmousemove=function(){return false;};
$(".csstablelisttd").mouseenter(function(){
if(is){
  $(this).children(":not(:first)").addClass("csstd");
if($(".csstd").length>=6){is=false;}
}
});
$("#update").click(function(){
if($("#names").val())
{
$(".csstd").next().hide();

$(".csstd:first").next().show().attr("rowspan",$(".csstd").length/2).children().html($("#names").val());
$(".csstd").removeClass("csstd").addClass("yell");
}
});
 });</script></head><body>
<table id="tableAppointment" cellspacing="1" width="50%" border="1" align="center">
<thead>
<tr class="csstablelisttd">
<td bgcolor="#ffffff">
</td>
<td >
</td>
<td class="csstablelisttd patientName">
<b>Patient Name</b>
</td>
</tr>
</thead>
<tbody>
<tr class="csstablelisttd">
<td  valign="top" width="70px">
8:00AM
</td>
<td >
0
</td>
<td >
<span></span>
</td>
</tr>
<tr class="csstablelisttd">
<td >
</td>
<td >
15
</td>
<td >
<span></span>
</td>
</tr>
<tr class="csstablelisttd">
<td >
</td>
<td >
30
</td>
<td >
<span></span>
</td>
</tr>
<tr class="csstablelisttd">
<td >
</td>
<td >
45
</td>
<td >
<span></span>
</td>
</tr>
<tr class="csstablelisttd">
<td  valign="top" width="90px">
9:00AM
</td>
<td >
0
</td>
<td >
<span></span>
</td>
</tr>
<tr class="csstablelisttd">
<td >
</td>
<td >
15
</td>
<td >
<span></span>
</td>
</tr>
<tr class="csstablelisttd">
<td >
</td>
<td >
30
</td>
<td >
<span></span>
</td>
</tr>
<tr class="csstablelisttd">
<td >
</td>
<td >
45
</td>
<td >
<span></span>
</td>
</tr>
</tbody>
</table>
<input type="text" id="names" />
<input type="button" id="update" value="update" /> </body></html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	13 年，7 月前
查看次数：	19843 次
最近记录：	13 年，7 月前