訪問李UL內部A HREF元件

enter image description here

我想要訪問第三內部「UL類=‘下拉菜單下拉-插入符號’」「A HREF」元素並將它的類「colorpick-btn」更改爲「colorpick-btn selected」，並將第一個「a href」元素的類別設置爲「colorpick-btn」。

我只能拿出下面，但我不能讓它工作

<script> 
     $(document).ready(function() { 

      $("#dropdown-menu dropdown-caret li a").removeClass('colorpick-btn').addClass('colorpick-btn selected'); 

     }); 
    </script>

來源

2013-11-15 chamara

沒有與id的元素'下拉-menu' –

你怎麼知道你想改變第三' li a'元素 –

爲什麼要刪除class'colorpick-btn'並在同一時間再次添加相同的類？ –

使用li:nth-child(3) a爲第一位的，:first-child第二。

jsFiddle example - 它似乎在做你在問什麼。

$(".dropdown-menu.dropdown-caret li:nth-child(3) a").addClass('selected'); 
$(".dropdown-menu.dropdown-caret li:first-child a").removeClass('selected');

從

除此之外，使用.dropdown-menu.dropdown-caret而不是#dropdown-menu dropdown-caret ..

來源

2013-11-15 03:54:32

你/海報在選擇器中忘了一段時間。 – TreeTree

@TreeTree謝謝 - 它很難告訴截圖。我只是複製/粘貼，然後修改OP正在使用的代碼...現在應該工作。 –

感謝您的回答！由於某種原因，它仍然無法正常工作。我在我的應用程序上使用第三方主題。因此，我只是想更改一些配色方案，而不更改默認樣式。 https://wrapbootstrap.com/theme/ace-responsive-admin-template-WB0B30DGR。 – chamara

var $ul = $('.dropdown-colorpicker .dropdown-caret'); 
$ul.find('.colorpick-btn.selected').removeClass('selected'); 
$ul.find('.colorpick-btn').eq(2).addClass('selected');

來源

2013-11-15 03:55:14

在您的標記，你不必與ID下拉菜單中的任何元素。此外，下拉式菜單和下拉式插入引用相同的元素，不應被空格分隔。這應該讓你開始：

$(document).ready(function(){ 
    $(".dropdown-menu.dropdown-caret li:eq(2) a").removeClass('colorpick-btn').addClass('colorpick-btn selected'); 
});

來源

2013-11-15 03:55:38 maiorano84

，你可以簡單地使用第n個孩子這一點。無需移除現有類，選擇你想要元素後，您可以添加新的類像波紋管

<script> 
    $(document).ready(function() { 

     $("#dropdown-menu dropdown-caret li:nth-child(3) a").addClass('selected'); 

    }); 
</script>

來源

2013-11-15 04:07:33

訪問李UL內部A HREF元件

回答

相關問題