jQuery代码可为锚标记动态添加样式

Question

我正在通过我的代码动态构建锚标记。

 str += " <li><a href='" + hyperlink + "'>" + linkName + "</a></li>";

我想在特定条件下将以下样式应用于此锚标签。

style="pointer-events: none;cursor: default;"

If (somecond) { apply the above style to anchor tag } 

请建议如何实现。

提前致谢。

Answer 1

使用jquery .css()函数（ 请参阅docs ），例如：

if(somecond) {
    $('a').css({
      "pointer-events": "none",
      "cursor": "default"
    });;
}

Answer 2

$("a").css("pointer-events","none");
$("a").css("cursor","default");

希望这能让你满意

Answer 3

你可以这样

If(Your Condition Matching Criteria)
{
   $("li a").css("pointer-events","none");
   $("li a").css("cursor","default");
}

但是上面的解决方案将对'li'标签中的所有页面级锚执行此操作，因此您可以对li的特定父元素执行的操作可以提供唯一的标识符，然后可以执行此操作。

If(Your Condition Matching Criteria)
    {
       $("#uniqueParentId li a").css("pointer-events","none");
       $("#uniqueParentId li a").css("cursor","default");
    }

用您提供的唯一父ID值替换“ uniqueParentId”。