如何更改跨文本而不是父元素

时间:2013-07-01 12:19:45

标签: javascript jquery

我正在使用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而不是包含li的{​​{1}},就像你在代码中看到它并更改spanDefCat一样} DefaulCat或我需要改变的范围。

完整的Html

80

3 个答案:

答案 0 :(得分:1)

您可以使用$(this).parent().find('.spanDefCat').html($("#txt_CategoryID").val())

这将更改图像父级中所有.spanDefCat的值。

答案 1 :(得分:0)

在.on功能

中添加此代码
var newCatVal = "DefaultCat: "+$("#txt_CategoryID").val();
$(this).closest('.cart-item').find(".spanDefCat").text(newCatVal);

答案 2 :(得分:0)

以下是执行所需操作的代码:

$(function(){
    $("img").dblclick(function(){
        $(this).parent().find(".spanDefCat").each(function(){
            $(this).text("DefaultCat: 80");
        });
    });
});

这是工作小提琴:http://jsfiddle.net/ZrA8E/