从所有子元素（包括嵌套）中删除光标样式

Question

我有一个pdf文档，我试图删除所有光标样式，以便我可以在div上使用id=#thiselemnt应用我自己的样式。我很好奇，如果 jQuery 可以从包含div中的所有元素中删除所有光标 CSS 吗？

<div id="thiselemnt">
<div style="position: absolute; left: 0px; top: 0px; width: 621px; height: 815px; cursor: url("/content/pdftools/EllipseShape.png"), auto;"></div>
<div style="position: absolute; left: 0px; top: 0px; width: 621px; height: 815px; cursor: url("/content/pdftools/EllipseShape.png"), auto;"></div>
<div style="position: absolute; left: 0px; top: 0px; width: 621px; height: 815px; cursor: url("/content/pdftools/EllipseShape.png"), auto;"></div>
<div></div>
<div></div>

</div>

我尝试了$(string).find(*).removeAttr("style");但这删除了我只需删除光标所需的所有样式。

Answer 1

尝试将Cursor属性设置为none而不是style属性。

$(string).find(*).css("cursor",'none');

希望这会对你有帮助！

Answer 2

试试这个：

$("#thiselemnt div").css("cursor","");

$("#thiselemnt div").css("cursor","");

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

<div style="position: absolute; left: 0px;  width: 621px; height: 815px; cursor: url('/content/pdftools/EllipseShape.png'), auto;"> DIV 1</div>

</div>