jQuery删除或添加空跨度上的类 [英] jQuery remove or add class on empty span

问题描述

您好，

我有以下html，这是一行，我可能有几行

< ; div class =" my-row"> 
 < div class =" ms-formlabel"> 
  < h4 class =" ms-standardheader" > 
&NBSP;&NBSP;&NBSP;<跨度>< /跨度> 
&NBSP;&NBSP;< / H4> 
&NBSP;< / DIV> 
&NBSP ;< div class =" ms-formbody"> 
  < div class =" my-value">< / div> 
 < / div> ; < div class =" ms-formlabel"> 
  < h4 class =" ms-standardheader"> 
    ;< span>< / span> 
  < / h4> 
 < / div> 
 < div class =" ms-formbody" ;>  < div class =" my-value">< / div> 
 < / div> 
  < div id =" ctl00_PlaceHolderMain_ctl00__modifiedAt" class =" ms-formlabel"> 
   < h4 class =" ms-standardheader">    < span> Last修改日期< / span> 
   < / h4> 
  < / div> 
  < div class =" ms -formbody" id =" _modifiedAt_value"> 
   < div class =" my-value"> 
    < span> 22-May -2012< /跨度> 
&NBSP;&NBSP;&NBSP;< / DIV> 
&NBSP;&NBSP;< / DIV> 
&NBSP;< / DIV> 

我想更改或删除类"formbody-value"当它之前的跨度为空时。

< h4 class =" ms-standardheader"> 
< span>< / span> 
< / h4> 

我试过这个：我认为我甚至不接近：

< script type ='text / javascript'> 
 $（document）.ready（function（）{
 $（'span：empty：only-child'）。removeClass（'ms-formbody'）; 
< / script> 

有人可以帮帮我吗？

谢谢

解决方案

您好，

我认为我已经进一步了...

 
< script type ='text / javascript'> 

（" div .ms-formlabel"）。each（function（）{if（！

（this）.text（）。trim（）。length）{alert（" here"）;

Hello,

I have the following html, this is one row I may have several

<div class="my-row">
 <div class="ms-formlabel">
  <h4 class="ms-standardheader">
   <span></span>
  </h4>
 </div>
 <div class="ms-formbody">
  <div class="my-value"></div>
 </div>
 <div class="ms-formlabel">
  <h4 class="ms-standardheader">
   <span></span>
  </h4>
 </div>
 <div class="ms-formbody">
  <div class="my-value"></div>
 </div>
  <div id="ctl00_PlaceHolderMain_ctl00__modifiedAt" class="ms-formlabel">
   <h4 class="ms-standardheader">
    <span>Last Modified Date</span>
   </h4>
  </div>
  <div class="ms-formbody" id="_modifiedAt_value">
   <div class="my-value">
    <span>22-May-2012</span>
   </div>
  </div>
 </div>

I would like to change or remove the class "formbody-value" when the span before it is empty.

<h4 class="ms-standardheader">
    <span></span>
</h4>

I have tried with this: I don't think I am even close:

<script type='text/javascript'>
$(document).ready(function(){   
	$('span:empty:only-child').removeClass('ms-formbody');
</script>

Can someon please help me with this?

Thanks

解决方案

Hello,

I have gotten a bit further i think...

<script type='text/javascript'>

("div.ms-formlabel").each(function () { if (!

(this).text().trim().length) { alert("here");

这篇关于jQuery删除或添加空跨度上的类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！