jQuery. Не работает remove() в цикле each()

[CalmLad]

Здравствуйте.Помогите разобраться.При обращении в цикле each() к элементу по его id метод remove() не работает.Ссылку не получается удалить.В чем причина?

<script language="javascript">
 $(document).ready(function()
{
  $('.upArrow').bind('click', upHandler);
  $('.downArrow').bind('click', downHandler);
  });
  function downHandler(eventObj)
{
  var fldName = $(this).prevAll('input').attr('name');
  var fldValue = $(this).prevAll('input').val();

  fldValue=fldValue*1;

  $('input:text').each(function(index)
  {

   if($(this).attr('value')==fldValue-1)
    {
       $(this).attr('value',fldValue);
   }
   if($(this).attr('name')==fldName)
    {
      $(this).attr('value',fldValue-1);
    }
    if(($(this).attr('value')<1)&&($(this).attr('name')==fldName))
  {

    $(this).attr('value',1);
 }
  }
  );

  }

 function upHandler(eventObj)
{
    var maxPos = $('#maxPos').val();
  var fldName = $(this).prevAll('input').attr('name');
  var fldValue = $(this).prevAll('input').val();
  fldValue=fldValue*1;
  if(fldValue==6)
    {
        return false;
    }
  $('input:text').each(function(index)
  {

   if($(this).attr('value')==fldValue+1)
    {
       $(this).attr('value',fldValue);
    }
    if($(this).attr('name')==fldName)
    {
       $(this).attr('value',fldValue+1);
    }

  }
  );
  }
</script>
<table width="100%" cellpadding="0" cellspacing="0">
  <tr align="center">
    <td class="header">первая колонка</td>
    <td class="header">вторая колонка</td>
    <td class="header">третья колонка</td>
    <td><span class="header">четвертая колонка</span></td>
    <td align="left"><a href="#">ссылка</a></td>
    </tr>
    <input type="hidden" id="maxPos" value="6" />
  <tr align="center">
    <td>5</td>
    <td>текст</td>
    <td></td>
    <td>
      <input name="order[5]" type="text" value="6" size="2" /> <a class="upArrow" href="#">↑</a> <a class="downArrow" href="#">↓</a></td>
    <td align="left"><a href="#">текст</a> | <a href="#">текст</a></td>
  </tr>
    <tr align="center">
    <td>5</td>
    <td>текст</td>
    <td></td>
    <td>
      <input name="order[6]" type="text" value="7" size="2" /> <a class="upArrow" href="#">↑</a> <a class="downArrow" href="#">↓</a></td>
    <td align="left"><a href="#">текст</a> | <a href="#">текст</a></td>
  </tr>
  <tr align="center">
    <td>5</td>
    <td>текст</td>
    <td></td>
    <td>
      <input name="order[7]" type="text" value="8" size="2" /> <a class="upArrow" href="#">↑</a> <a class="downArrow" href="#">↓</a></td>
    <td align="left"><a href="#">текст</a> | <a href="#">текст</a></td>
  </tr>
      </table>
    </form></td>
  </tr>
  <tr bgcolor="#FFCC33">
    <td> </td>
    <td><input id="But" type="button" value="Сохранить" onclick="javascript:document.form.submit();" /> <input id="BotBut" type="button" onclick="javascript:history.back();" name="back2" value="Назад" /></td>
    <td align="left" valign="top" nowrap="nowrap">
        </td>
  </tr>
  <tr bgcolor="#333">
    <td colspan="3" align="center" style="color:#FFF">текст</td>
  </tr>
</table>

[Veseloff]

Я, например, не вижу в вашем коде, чтобы где-нибудь использовался remove(). Видимо и не работает потому, что его там нет.

[CalmLad]

Я, например, не вижу в вашем коде, чтобы где-нибудь использовался remove(). Видимо и не работает потому, что его там нет.

Если добавить ссылке какой-нибудь из ссылок <a class="upArrow" href="#">↑</a> идентификатор,например,id="link", то $("a").remove("dellink") не будет работать?

<script language="javascript">
 $(document).ready(function()
{
  $('.upArrow').bind('click', upHandler);
  $('.downArrow').bind('click', downHandler);
  });
  function downHandler(eventObj)
{
  var fldName = $(this).prevAll('input').attr('name');
  var fldValue = $(this).prevAll('input').val();

  fldValue=fldValue*1;

  $('input:text').each(function(index)
  {

   if($(this).attr('value')==fldValue-1)
    {
       $(this).attr('value',fldValue);
   }
   if($(this).attr('name')==fldName)
    {
      $(this).attr('value',fldValue-1);
    }
    if(($(this).attr('value')<1)&&($(this).attr('name'
)==fldName))
  {

    $(this).attr('value',1);
 }
  }
  );

  }

 function upHandler(eventObj)
{
    var maxPos = $('#maxPos').val();
  var fldName = $(this).prevAll('input').attr('name');
  var fldValue = $(this).prevAll('input').val();
  fldValue=fldValue*1;
  if(fldValue==6)
    {
        $("a").remove("dellink");
        return false;
    }
  $('input:text').each(function(index)
  {

   if($(this).attr('value')==fldValue+1)
    {
       $(this).attr('value',fldValue);
    }
    if($(this).attr('name')==fldName)
    {
       $(this).attr('value',fldValue+1);
    }

  }
  );
  }
</script>
<table width="100%" cellpadding="0" cellspacing="0">
  <tr align="center">
    <td class="header">первая колонка</td>
    <td class="header">вторая колонка</td>
    <td class="header">третья колонка</td>
    <td><span class="header">четвертая колонка</span></td>
    <td align="left"><a href="#">ссылка</a></td>
    </tr>
    <input type="hidden" id="maxPos" value="6" />
  <tr align="center">
    <td>5</td>
    <td>текст</td>
    <td></td>
    <td>
      <input name="order[5]" type="text" value="6" size="2" /> <a class="upArrow" href="#">↑</a> <a class="downArrow" href="#">↓</a></td>
    <td align="left"><a href="#">текст</a> | <a href="#">текст</a></td>
  </tr>
    <tr align="center">
    <td>5</td>
    <td>текст</td>
    <td></td>
    <td>
      <input name="order[6]" type="text" value="7" size="2" /> <a class="upArrow" href="#">↑</a> <a id="dellink" class="downArrow" href="#">↓</a></td>
    <td align="left"><a href="#">текст</a> | <a href="#">текст</a></td>
  </tr>
  <tr align="center">
    <td>5</td>
    <td>текст</td>
    <td></td>
    <td>
      <input name="order[7]" type="text" value="8" size="2" /> <a class="upArrow" href="#">↑</a> <a class="downArrow" href="#">↓</a></td>
    <td align="left"><a href="#">текст</a> | <a href="#">текст</a></td>
  </tr>
      </table>
    </form></td>
  </tr>
  <tr bgcolor="#FFCC33">
    <td> </td>
    <td><input id="But" type="button" value="Сохранить" onclick="javascript:document.form.submit();" /> <input id="BotBut" type="button" onclick="javascript:history.back();" name="back2" value="Назад" /></td>
    <td align="left" valign="top" nowrap="nowrap">
        </td>
  </tr>
  <tr bgcolor="#333">
    <td colspan="3" align="center" style="color:#FFF">текст</td>
  </tr>
</table>

[Veseloff]

Если есть id="link", то правильно делать так

$('#link').remove();

[CalmLad]

Не работает...

[Veseloff]

Я тут ещё раз код посмотрел и увидел, что id не «link», а «dellink». Соответственно, надо и удалять

$('#dellink').remove();