gpt4 book ai didi

javascript - JQuerysiblings.data() 不返回正确的值

转载 作者:行者123 更新时间:2023-12-03 03:24:07 31 4
gpt4 key购买 nike

我有一个像这样的 Html:

<div class="ajouterContainer" id="ajouterContainer1">
<div class="ajouter ajoutersaved" id="ajouter1" data-no="1" style='background-image: url(..."); background-color: rgb(255, 0, 0);' >
<div class="pieceModifierContainer"></div>
<a onclick="return false;" href="#">
<label>INCLUSION</label>
</a>
<span class="pieceFileName">INC-00001_41-H.png</span>
</div>
<span class="submenuOpener opened" id="smo1" style="background-color: rgb(255, 0, 0);">▼<input type="hidden"></span>
</div>

我尝试通过以下方式在ajouterContainer div的点击事件上获取ajouter1的data-no属性:

$(".ajouterContainer").on("click", function(event) {
var itemID = $(event.target).attr('id');
var itemNumber = itemID.substring(itemID.length - 1);
var idToFind = "#smo" + itemNumber;
var openerItem = $(event.target).find(idToFind);
if (!openerItem.length) {
$(event.target).css("background-color", "red");
return;
}
//the data-no attribute is 3 by default. I change it using jQuery to 1.
var dataNo = openerItem.siblings().data("no"); //returns 3
$(openerItem).prev().attr("data-no"); // returns 1 (the correct value).

});

openerItem.siblings().data("no"); 有什么问题吗? ?在通过代码更改它之前,它可以工作。

最佳答案

您应该使用 $(openerItem).siblings('[data-no]').data('no') 过滤您的 sibling

编辑:

问题不在于siblings()方法;而是在于siblings()方法。这是因为您使用的 event.target 接受实际单击的子元素,而不是 ajouterContainer1。我已将其替换为 this ,它应该适合您。我希望这有帮助:

$(".ajouterContainer").on("click", function(event) {
var itemID = this.id;
var itemNumber = itemID.substring(itemID.length - 1);
var idToFind = "#smo" + itemNumber;
var openerItem = $(this).find(idToFind);
if (!openerItem.length) {
$(event.target).css("background-color", "red");
return;
}
//the data-no attribute is 3 by default. I change it using jQuery to 1.
var dataNo = openerItem.siblings().data("no"); //returns 3
console.log(dataNo);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ajouterContainer" id="ajouterContainer1">
<div class="ajouter ajoutersaved" id="ajouter1" data-no="1" style='background-image: url(..."); background-color: rgb(255, 0, 0);' >
<div class="pieceModifierContainer"></div>
<a onclick="return false;" href="#">
<label>INCLUSION</label>
</a>
<span class="pieceFileName">INC-00001_41-H.png</span>
</div>
<span class="submenuOpener opened" id="smo1" style="background-color: rgb(255, 0, 0);">▼<input type="hidden"></span>
</div>

关于javascript - JQuerysiblings.data() 不返回正确的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46429880/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com