在具有特定类的<ul>时添加ID - onclick jQuery </ul>

时间:2013-06-28 14:14:04

标签: jquery html css

我有一个无序列表,其中有一个.gallery类。

我有一个按钮,点击后我想添加一个ID #sortable到针对ul的类别.gallery?

当再次点击该按钮时,我需要它来切换id添加并删除它吗?

 <a href="#" class="clickMetoAddSortable">Click to add ID to ul</a>

    <ul id="id of sortable to go here when clicked" class="gallery">
        <li>one</li>
        <li>two</li>
        <li>three</li>
    </ul>

我如何在jQuery中执行此操作?

5 个答案:

答案 0 :(得分:2)

点击你的按钮 -

$('ul.gallery').prop('id','sortable');

切换ID -

  if($('#sortable').length){
    $('ul.gallery').prop('id','');
  }else{
    $('ul.gallery').prop('id','sortable'); 
  }

答案 1 :(得分:0)

也许这应该有用

$("button").on("click", function() {
   $('ul.gallery').prop('id','sortable');
});

答案 2 :(得分:0)

  $("your button id").click(function(){
    $('ul.gallery').prop('id','sortable');
  });

答案 3 :(得分:0)

试试这个:

if($('ul.gallery').prop('id')=='sortable')
    $('ul.gallery').prop('id','');
else
   $('ul.gallery').prop('id','sortable');

答案 4 :(得分:0)

$("button").on("click",function(){

      $("ul.gallery").prop('id','sortable');
});

根据您的DOM修改选择器,以防任何不匹配。