Question

我有HTML代码：

＆＃13;

<ul class="nav-cats">
      <li><a>Транспор</a> 
        <span style="float :right; opacity: .6" class="edit-section hide-btn">
           <span style="margin-right: 10px;" class="glyphicon glyphicon-pencil edit"></span>
           <span class="glyphicon glyphicon-trash delete"></span>
        </span>
      </li>
      <li><a>Продукты</a>
        <span style="float :right; opacity: .6" class="edit-section hide-btn">
           <span style="margin-right: 10px;" class="glyphicon glyphicon-pencil edit"></span>
           <span class="glyphicon glyphicon-trash delete"></span>
        </span>
      </li>
      <li><a>Работа</a>
        <span style="float :right; opacity: .6" class="edit-section hide-btn">
           <span style="margin-right: 10px;" class="glyphicon glyphicon-pencil edit"></span>
           <span class="glyphicon glyphicon-trash delete"></span>
        </span>
      </li>
      <li><a>Услуги</a>
        <span style="float :right; opacity: .6" class="edit-section hide-btn">
           <span style="margin-right: 10px;" class="glyphicon glyphicon-pencil edit"></span>
           <span class="glyphicon glyphicon-trash delete"></span>
        </span>
      </li>
      <li><a>Напитки</a>
        <span style="float :right; opacity: .6" class="edit-section hide-btn">
           <span style="margin-right: 10px;" class="glyphicon glyphicon-pencil edit"></span>
           <span class="glyphicon glyphicon-trash delete"></span>
        </span>
      </li>
      <li><a>Еда вне дома</a>
        <span style="float :right; opacity: .6" class="edit-section hide-btn">
           <span style="margin-right: 10px;" class="glyphicon glyphicon-pencil edit"></span>
           <span class="glyphicon glyphicon-trash delete"></span>
        </span>
      </li>
    </ul>
    <div class="add-new-cat button-edit">
      <i class="glyphicon glyphicon-cog"></i>
    </div>
  </div>

＆＃13;

上面的代码是用jade编译的

当我点击＆＃34; Anchor ＆＃34;我的 JavaScript 文件会将 this.innerText 保存到 localStorage 。好的，那不是问题。

但是，当我点击

时，我需要它

＆＃13;

<span style="margin-right: 10px;" class="glyphicon glyphicon-pencil edit">

＆＃13;

$(document).ready(function(){

  var listCatsA = $('.nav-cats>li>a');

  var buttonEdit = $('.button-edit');
  var editSection = $('.edit-section');


  editSection.hide();

  listCatsA.on('click', function(e){
    e.preventDefault();
    localStorage.userCati = $(this)[0].innerText;
  });

  var editTextCat = $('.edit');

    editTextCat.on('click', function(){
      
    });


  buttonEdit.click(function(){

   if(editSection.hasClass('hide-btn')){
      editSection.removeClass('hide-btn');
      editSection.fadeIn();
   }
   else{
    editSection.addClass('hide-btn');
    if(editSection.hasClass('hide-btn')){
      editSection.fadeOut();
    }
   }
  });


});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

＆＃34;锚＆＃34;必须与活跃的＆＃34; li＆gt; a＆＃34; 当我按下输入值时，我将如何完成我的值修正。

包含HTML＆＃34; bootstrap＆＃34; ＆＃34; jquery的＆＃34;

是否使用JavaScript + PHP？

如何使用JavaScript编辑表单？

0 个答案: