[英]How to change span text than in the parent element
我正在使用img
雙擊
這段代碼
$("#insert-zone").on("dblclick", ">div>img", function(){
console.log($(this).parentNode.className(spanDefCat));
var answer = confirm ("Set Defaul Cat to " +$("#txt_CategoryID").val()+"?")
if (answer){....
。
這是div項
<div class="item-container cart-item sameCat">
<div class="SetDefault">
<img border="0" title="Carrie Style Silver Name Necklace" src="medium_101-01-071-02.jpg" alt="1102">
<div class="item-header">
<div class="item-body">
<ul class="item-ul">
<li>
<span class="spanDefCat">DefaultCat: 32</span>
</li>
</ul>
</div>
</div>
<div class="item-footer"></div>
</div>
當我雙擊img時,我需要返回父cart-item
不是包含跨度為spanDefCat
li
,就像您在代碼中看到的那樣,然后將DefaulCat
更改為80
或更改跨度所需的內容。
全HTML
<div class="ui-widget-content">
<ol id="insert-zone" class="ui-droppable ui-sortable">
<div class="item-container cart-item sameCat">
<div class="item-container cart-item ">
<div class="item-container cart-item sameCat">
<div class="item-container cart-item sameCat">
</ol>
</div>
您可以使用$(this).parent().find('.spanDefCat').html($("#txt_CategoryID").val())
這將更改圖像父級中所有.spanDefCat
的值。
將此代碼添加到.on函數中
var newCatVal = "DefaultCat: "+$("#txt_CategoryID").val();
$(this).closest('.cart-item').find(".spanDefCat").text(newCatVal);
這是執行您想要的代碼:
$(function(){
$("img").dblclick(function(){
$(this).parent().find(".spanDefCat").each(function(){
$(this).text("DefaultCat: 80");
});
});
});
這是工作的小提琴: http : //jsfiddle.net/ZrA8E/
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.