javascript - 具有特定数据属性的 Jquery 查找元素

标签 javascript jquery

<分区>

我可以使用什么函数来选择 class="rate_stars"的子 div。

我有一个从 1 到 5 的变量范围,我想选择具有该特定数据等级的子 div。

我试过了

 $('rate_widget').find().attr('data-rating', info).prevAll().andSelf().addClass('ratings_vote');

但是没用。

<div id="r1" class="rate_stars"
                             data-post-id="<?php echo $post_id ?>"
                             data-user-id="<?php echo $user_id;  ?>"
                             data-nonce="<?php echo $nonce ?>"
                            >
    <div data-rating="1" class="ratings_stars"></div>
    <div data-rating="2" class="ratings_stars"></div>
    <div data-rating="3" class="ratings_stars"></div>
    <div data-rating="4" class="ratings_stars"></div>
    <div data-rating="5" class="ratings_stars"></div>
    <div class="total_votes">vote data</div>
</div>

最佳答案

您可以使用 jQuery 中的属性选择器:

$('#r1').find('[data-rating="' + info + '"]')

引用: List of All jQuery Attribute Selectors

关于javascript - 具有特定数据属性的 Jquery 查找元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24915169/

相关文章:

javascript - 如何在图像更改时暂停音频 onmouseout

javascript - html2canvas图像不保存

javascript - dataURL(文件/图像/pdf 任何东西)到 base64 ionic 2

Javascript - 操作和使用此变量

javascript - 如何通过外部控件/事件启动/停止 jCarousel

jquery - 使用 jQuery 添加 DOM 元素的动画

javascript - Bootstrap 响应列重置 div 与 JavaScript 等高脚本

javascript - 是否event.preventDefault(); Internet Explorer 不支持?

javascript - 从 Electron 子进程访问 DOM 树

javascript - 如何使用 JavaScript 在浏览器中呈现 Word 文档(.doc、.docx)?