Jquery 选择器中使用变量的例子

2016-02-22    编辑:swteen     点击(
下面我们一起来看一个关于Jquery 选择器中使用变量的例子,这样做的好处我们可以动态的指定id或样式了,希望例子对你有用。

老外写的

 代码如下 复制代码


$("#" + this.id).hide();

OR you can do something like this.

var id = this.id;

$('#' + id).hide();

OR you can give some effect also.

$("#" + this.id).slideUp();

If you want to remove the entire element permanently form the page.

$("#" + this.id).remove();

You can also use it in this also.

$("#" + this.id).slideUp('slow', function (){
    $("#" + this.id).remove();
});

html

 代码如下 复制代码

<table>
    <tr>
        <th>用户名</th>
        <th>状态</th>
    <tr>
    <tr>
        <td>张三</td>
        <td data-uid="10000">正常</td>
    <tr>
    <tr>
        <td>李四</td>
        <td data-uid="10001">冻结</td>
    <tr>
    <tr>
        <td>王二麻子</td>
        <td data-uid=10002>冻结</td>
    <tr>
</table>

js代码

 代码如下 复制代码

<script type="text/javascript">
$(document).ready(function(){
    var uid = 1001;
    $("td[data-uid = "+ uid +"]").html('正常');
}
</script>