获取data-title的值，不是名称，而是要更新的整数值

Question

我正在使用这个评级小部件，我想获得我的星级值，如1星或2星，这样我就可以操纵所显示的图像。我想从data-title中获得值，而不是我为它存储的名称。

data-title="stack"

拥有5星评级。我希望它在我的主机上返回5或5星，而不仅仅是stack。

这将输出Grey / Silver但我想为它存储整数值。有什么办法可以做到吗?

var data = $('.color-box').data('title');
console.log(data);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="value">
<div class="color-box grey-silver-color-gradient" data-title="Grey / Silver" data-toggle="tooltip" data-original-title="" title=""></div>
</div>

Answer 1

你是这个意思吗?

console.log($("[data-title^=walter]").find(".rw-ui-star-selected").length)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="card">
<div class="card__side card__side--front card__side--front-1">
<div class="card__description">
<img src="images/Walter_White_S5B.png" class="imgcard">
</div>
</div>
<div class="card__side card__side--back card__side--back-bb">
<div class="card__description">
<p class="text-title drop drop-top">Bryan Cranston</p>
<p class="text-small pad-small drop">As</p>
<p class="text-title drop">Walter H. White</p>
<p class="text-small pad-small drop">A.K.A.</p>
<p class="text-title drop">Heisenberg,<br> Mr. Lambert,<br> Mr. Mayhew<br></p>
<p class="text-small drop"><q>I am the one who knocks.</q></p>
<p class="text-small drop"><q>Say my name.</q></p>
<p class="text-small"><q>All right, I've got the talking pillow now.</q></p>
<!-- <div class="rw-ui-container" data-title="walter bb rating"></div> -->
</div>
<div class="rater">
<div class="rw-ui-container rw-urid-17803414863255154888 rw-ui-star rw-size-medium rw-dir-ltr rw-halign-center rw-valign-bottom rw-style-oxygen1 rw-active" data-title="walter bb rating" data-urid="walter bb rating" style="">
<div class="rw-action-area">
<ul class="rw-ui-stars">
<li class="rw-ui-star-0 rw-ui-star-selected"></li>
<li class="rw-ui-star-1 rw-ui-star-selected"></li>
<li class="rw-ui-star-2 rw-ui-star-selected"></li>
<li class="rw-ui-star-3"></li>
<li class="rw-ui-star-4"></li>
</ul>
<a class="rw-report-link" target="_blank" href="https://rating-widget.com/my-rating-report/star/oxygen1/rating-0-5/" rel="nofollow"></a>
</div><span class="rw-ui-info-container" style="background-color: rgb(255, 255, 255);"><i aria-hidden="true" class="rw-ui-info-nub rw-ui-info-outer-nub" style="border-bottom-color: rgba(0, 0, 0, 0.5);"></i><i aria-hidden="true" class="rw-ui-info-nub rw-ui-info-inner-nub" style="border-bottom-color: rgb(255, 255, 255);"></i><span class="rw-ui-info-inner-container" style="border-color: rgba(0, 0, 0, 0.5);"><span class="rw-ui-info" style="color: rgb(0, 0, 0);">Rate this</span></span>
</span>
</div>
</div>
</div>
</div>