记录下 Jquery的使用

Jquery 调用 Json

前台代码 Jquery

function ApplyDelay(objID, thisobj) {
    if (confirm("你确定要删除该资源")) {
        var id = objID;
        var helptime = new Date().getTime();
        $.getJSON('/WorkDelay/ApplyDelay/', { did: id, helptime: helptime }, function(returndata) {
            if (returndata) {
                alert("删除成功!");
                $(thisobj).parents("span,#" + objID).remove();
                $(thisobj).parents(".resourceBlockData").remove();
            }
            else {
                alert("删除失败，该资源存在子资源");
            }

        });
    }
}

后台代码：

public JsonResult ApplyDelay()
 {

//业务逻辑
    return Json(true, JsonRequestBehavior.AllowGet);

}

这里使用一个Help是为了每次请求的参数都不一样;

这里   $(thisobj).parents("span,#" + objID).remove();删除ID 为objID的span

 

jquery获取一个table中的一行的每个td的内容  

 <table>
<tr class="PurViewData" id="trid95">
    <td>14</td>
    <td id="95"><a style="color:#0000CC" href="/PurviewManage/AddPurview?id=95">TopParty优惠</a></td>    
      
    <td>                  
        <select id="Select1"> 
        <option value="-1" selected="selected">请选择角色</option>   
        <option  value='2'>系统管理员</option><option  value='3'>系统管理员2</option><option  value='6'>系统管理员3</option><option  value='23'>系统管理员4</option><option value='26'>系统管理员5</option>
        </select>
    </td>       
    <td>
        <select id="Select2">                   
        <option value="-1" selected="selected">请选择权限</option>                      
        <option  value='1'>搜索</option><option  value='2'>访问</option><option  value='3'>创建</option><option  value='4'>修改</option>
        </select>
    </td>
    <td>
        <a  style="color:#0000CC" href="#" id="delecte95" onclick="Bind(this,this.id);">添加</a>
        <a  style="color:#0000CC" href="#" onclick="test1(this.id,this);">删除</a>
    </td>
</tr>
   </table>    

<script>
function Bind(thisObj, thisObjID) {
    alert("Bind");
    var $td = $(thisObj).parents('tr').children('td');

 //    alert($td.eq(0).text()); //第一个td的内容

//    alert($td.eq(1).text());//第二个td的内容
//    alert($td.eq(2).find("select").val());//第三个td的内容的selected的值
//    alert($td.eq(3).find("select").val()); 

    var resourceBlockID = $td.eq(1).attr("id");//第二个Td的ID的值，attr("id");获取该对象的Id值
    var roleId = $td.eq(2).find("select").val();
    var operationId = $td.eq(3).find("select").val();
    alert("资源Id" + resourceBlockID);
    alert("角色Id" + roleId);
    alert("操作ID" + operationId);   

var helptime = new Date().getTime();
}
</script>

Jquery替换内容

Function ReplaceContent(objID,thisobj,content)

{

 var $td = $(thisObj).parents("tr").children("td");
 $td.eq(3).replaceWith("<td>content</td>");
$(thisObj).replaceWith("<span>已批</span>");

 }