Get data-bind value in jquery

Question

I am using knockout js to set a span value. HTML Code ``` ``` this is working fine and showing user name on the UI. I am trying to get that value from js file. by using below code ``` alert($(this).attr('data-bind')); ``` this is serving result like this text: $data.OnLineUserName . I want the username assigned by me. In UI its showing Bhagirathi but in js its showing the content present in the data-bind how to get the Name(means: Bhagirathi) in js file please help to solve this problem thanks in advance [EDIT] ``` $(document).on("click", ".btn-mini", function (e) { alert(ko.contextFor($('.btn-mini')[0]).$data.OnLineUserName); try { var connectionId = chatHub.server.getUserConnectionId($(this).attr('data-bind').username, sessionUserName); } catch (e) { //error } }); ``` [/EDIT]

Accepted Answer

You can get the knockout context for element with

```
ko.contextFor($('#spnQStreamChat').get(0))
```

this will return an an object like

```
ko.bindingContext {$parents: Array[1], $root: ViewModel, ko: Object, $data: SomeObject, $parentContext: ko.bindingContext…}
```

where $data is your $data object. So to get the name you need something like

```
ko.contextFor($('.button.btn.c_btn').get(0)).$data.OnLineUserName()
```

This way is more useful when you need to get $data object. Otherwise you can just get the 'text' of a span with jQuery

Get data-bind value in jquery

Solution

Problem