开发者

javascript - difference between two Labels

I have one question related to Javascript Validation:

How could I find the difference(the characters which are available in first label but not are in second label) between two Labels ?

Thanks - see the code below:

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>

<body>

<table width="50%" border="0" cellspacing="0" cellpadding="4" style="font-family:Arial, Helvetica, sans-serif; font-size:12px;">
  <tr>
    <td width="44%" align="right">Label 1</td>
    <td width="56%"><input type="text" value="ABCD" /></td>
    <td width="56%" style="color:#C00;">Note</td>
  </tr>
  <tr>
    <td align="right">Label 2</td>
    <td><input  type="text" value="AEBHL" /></td>
    <td rowspan="2" valign="top">I want to show the difference of Label 1 and Label 2 in Diffrence's input. How could I find the difference?</td>
  </tr>
  <tr>
    <td align="right">Difference</td>
    <td><inp开发者_开发知识库ut type="text" value="EHL" style="border:1px solid #C00;" /></td>
  </tr>
</table>

</body>
</html>


Get the text of the first label.

Get the text of the second label.

Compute the difference between the two labels. Assign the difference to the difference row.

You can see it working here: http://jsfiddle.net/Anton87/RDvJf/

var label1 = jQuery("table tr:eq(0) input").val(),
    label2 = jQuery("table tr:eq(1) input").val(),
    diff2 = difference(label2, label1);

jQuery("table tr:eq(2) input").val(diff2);

function difference(label1, label2) {   
   var difference = [];

   for (var i = 0, max = label1.length; i < max; i++) {
      if (label2.indexOf(label1[i]) === -1) {
        difference.push(label1[i]);
      }
   }

   return difference;
}
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜